body *{ font-family: 'SourceHanSansCN Normal';} /*按钮阴影*/ .btn-shadow{box-shadow: 5px 14px 30px 0px rgba(51, 87, 128, 0.1);} /*块状阴影*/ .img-shadow{box-shadow: 14px 38px 40px 0px rgba(51, 87, 128, 0.1);} /*关于速眠-速眠简介-发展历史*/ #history{padding: 140px 0 100px;position: relative;background: #fff;z-index: 2;} #history .con::before{content:''; position:absolute; top:0; left:50%; background-color: #d9d9d9; width:1px; height:100%;} #history .list{padding-top: 140px;} #history .list:nth-child(1){padding-top: 100px;} #history .list::before{content:''; position:absolute; top: 63px; left:50%; margin:0 0 0 -2px; background-color:#00489d; width: 6px; height: 6px; border-radius:50%; display:block;} #history .list:nth-child(1)::before{top: -13px;} #history .list:nth-child(1) .text::before{content:''; position:absolute; top: -22px; left:50%; margin:0 0 0 -11px; width: 21px; height: 21px; border:#d9d9d9 1px solid; display:block; border-radius:50%;} #history .list:nth-last-child(1){padding-bottom: 100px;} #history .list:nth-last-child(1)::after{content:''; position:absolute; bottom: -13px; left:50%; margin:0 0 0 -2px; background-color:#00489d; width: 6px; height: 6px; border-radius:50%; display:block;} #history .list:nth-last-child(1) .text::after{content:''; position:absolute; bottom: -22px; left:50%; margin:0 0 0 -11px; width: 21px; height: 21px; border:#d9d9d9 1px solid; display:block; border-radius:50%;} #history .list .text, #history .list .photo{width: 50%;} #history .list .photo .year{color:#f0f2f5;font-size: 80px;line-height:1;top: -60px;font-family:din;} #history .list:nth-child(2n+1) .year{left: 120px;} #history .list:nth-child(2n) .year{right: 95px;} #history .list .photo .img{padding-top: 57.142%;width: 100%;overflow: hidden;} #history .list:nth-child(2n+1) .photo .img{border-top-right-radius: 50px;border-bottom-right-radius: 50px;} #history .list:nth-child(2n) .photo .img{border-top-left-radius: 50px;border-bottom-left-radius: 50px;} #history .list .text{padding: 0 70px;} #history .list .text .title{font-size: 40px;color: #00489d;line-height: 1;font-family:din;margin-bottom: 30px;} #history .list .text li{font-size: 18px;line-height: 2;color: #1a1a1a;font-weight: 300;} #history .list .text li.cur{color: #00489d;} @media screen and (max-width: 750px) { #history .list .text{padding: 0 30px;} #history .list .text .title{font-size: 50px;} #history .list .text li{font-size: 30px;} } /*关于速眠-速眠简介-公司简介*/ #about{background: #fff;position: relative;z-index: 2;} #about .one{padding: 140px 0 160px;background: #f5f7fa;} #about .one .text{width: 37.142%;} #about .one .text .title{font-size: 40px;line-height: 1.375;color: #000;font-weight: 500;margin-bottom: 40px;} #about .one .text .brief{font-size: 18px;line-height: 2;color: #1a1a1a;font-weight: 300;} #about .one .img{width: 57.142%;overflow: hidden;border-radius: 30px;} #about .one .img .relative{padding-top: 57.5%;} #about .two{padding: 100px 0 95px;background: #fff;} #about .two .data{width: 13.428%;padding-right: 15px;} #about .two .data .li{margin-bottom: 90px;} #about .two .data .li:nth-last-child(1){margin-bottom: 0;} #about .two .data .t1{font-size: 48px;line-height: 1;color: #00489d;font-family:din;} #about .two .data .t2{font-size: 18px;line-height: 2;color: #1a1a1a;font-weight: 500;} #about .two .img{width: 48.142%;} #about .two .img .relative{padding-top: 88.575%;} #about .two .text{width: 38.43%;padding-left: 30px;} #about .two .text .title{font-size: 40px;line-height: 1.375;color: #000;font-weight: 500;margin-bottom: 40px;} #about .two .text .brief{font-size: 18px;line-height: 2;color: #1a1a1a;font-weight: 300;} #about .three{padding-top: 44.791%;} #about .three:before{display: block;content: "";position: absolute;width: 90px;height: 90px;border-radius: 50%;background: url(/images/icon21.png) no-repeat center;top: calc(50% - 45px);left: calc(50% - 45px);z-index: 2;cursor: pointer;} #about .four{padding: 80px 0 100px;background: #fff;text-align: center;} #about .four .title{font-size: 40px;line-height: 1.375;color: #000;font-weight: 500;margin-bottom: 40px;} #about .four .brief1{font-size: 18px;line-height: 2;color: #1a1a1a;font-weight: 300;} #about .four .brief2{font-size: 18px;line-height: 2;color: #1a1a1a;font-weight: 300;} #about .four .img{margin: 60px auto;padding-top: 50%;border-radius: 30px;overflow: hidden;} @media screen and (max-width: 750px) { #about .one .cw1400{display: block;} #about .one .text{width: 100%;} #about .one .text .title{font-size: 45px;} #about .one .text .brief{font-size: 30px;} #about .one .img{width: 100%;margin-top: 40px;} #about .two .cw1400{display: block;} #about .two .data{width: 100%;padding-right: 0;text-align: center;} #about .two .data .li{margin-bottom: 40px;} #about .two .data .t1{font-size: 50px;} #about .two .data .t2{font-size: 30px;} #about .two .img{width: 100%;margin: 30px auto 50px;} #about .two .text{width: 100%;padding-left: 0;} #about .two .text .title{font-size: 45px;margin-bottom: 30px;} #about .two .text .brief{font-size: 30px;} #about .four .title{font-size: 45px;margin-bottom: 30px;} #about .four .brief1{font-size: 30px; text-align: left;} #about .four .brief2{font-size: 30px; text-align: left;} } /*关于速眠-速眠简介-品牌介绍*/ #brand{background: #fff;position: relative;z-index: 2;} #brand .one{padding-top: 140px;text-align: center;} #brand .one .title{font-size: 40px;line-height: 1.375;color: #000;font-weight: 500;margin-bottom: 20px;} #brand .one .brief{font-size: 18px;line-height: 2;color: #1a1a1a;font-weight: 300;margin-bottom: 65px;} #brand .one .con{background: url(/images/about-profile-brand-bg.jpg) no-repeat center/cover;padding: 110px 0 155px;} #brand .two{background: #f5f7fa;padding-top: 110px;text-align: center;} #brand .two .title{font-size: 40px;line-height: 1.375;color: #000;font-weight: 500;margin-bottom: 20px;} #brand .two .brief{font-size: 18px;line-height: 2;color: #1a1a1a;font-weight: 300;margin-bottom: 55px;} #brand .two .img{width: 100%;padding-top: 42.857%;overflow: hidden;border-radius: 30px;margin-bottom: -120px;z-index: 2;} #brand .three{padding-top: 420px;background: url(/images/about-profile-brand-bg1.jpg) no-repeat center/cover;min-height: 950px;} #brand .three .title{font-size: 32px;line-height: 1.5;color: #000;font-weight: 500;} #brand .three .brief{font-size: 20px;line-height: 2;color: #1a1a1a;font-weight: 300;margin-bottom: 25px;} @media screen and (max-width: 750px) { #brand .one .title{font-size: 45px;width: 92%;margin: 0 auto 20px;} #brand .one .brief{font-size: 30px;width: 92%;margin: 0 auto 65px; text-align: left;} #brand .one .con img{max-width: 92%;} #brand .two{background: #f5f7fa;padding-top: 110px;text-align: center;} #brand .two .title{font-size: 45px;} #brand .two .brief{font-size: 30px;text-align: left;} #brand .three{padding: 200px 0;} #brand .three .title{font-size: 45px;} #brand .three .brief{font-size: 30px;} } /*关于速眠-速眠简介-企业文化*/ #culture{background: #fff;position: relative;z-index: 2;} #culture .one{background: #f5f8fa;padding: 140px 0 150px;} #culture .two{background: #fff;padding: 135px 0;} #culture .clist .text{width: 51.785%;} #culture .clist .tit1{font-size: 72px;line-height: 1;color: #1a1a1a;font-family:din;margin-bottom: 10px;text-transform: uppercase;} #culture .clist .tit2{font-size: 24px;line-height: 1;color: #1a1a1a;font-weight: 300;margin-bottom: 50px;} #culture .clist .tit3{font-size: 32px;line-height: 1;color: #00489d;font-weight: 500;margin-bottom: 10px;} #culture .clist .brief{font-size: 18px;line-height: 2;color: #1a1a1a;font-weight: 300;} #culture .clist .img{width: 41.071%;overflow: hidden;border-radius: 30px;} #culture .clist .img .relative{padding-top: 69.565%;} #culture .three{height: 950px;background: url(/images/about-profile-culture-bg.jpg) no-repeat center/cover;} #culture .three .tit{top: 120px;left: 38px;} #culture .three .tit1{font-size: 72px;line-height: 1;color: #fff;font-family:din;margin-bottom: 10px;text-transform: uppercase;} #culture .three .tit2{font-size: 24px;line-height: 1;color: #fff;font-weight: 300;} #culture .three .item{width: 25%;padding: 0 38px;border-right: 1px solid rgba(255,255,255,0.5);} #culture .three .item:nth-last-child(1){border-right: 0;} #culture .three .item>div{padding-top: 140px;} #culture .three .item .title{font-size: 30px;line-height: 1;color: #fff;font-weight: 500;margin-bottom: 30px;} #culture .three .item .brief{font-size: 16px;line-height: 1.875;color: #fff;font-weight: 300;overflow: hidden;height: 0;} #culture .three .item:hover{background: rgba(0, 72, 157, 0.7);} #culture .three .item:hover .brief{height: auto;} #culture .three .container{display: none;} @media screen and (max-width: 750px) { #culture .clist>div{display: block;} #culture .clist .text{width: 100%;} #culture .clist .tit1{font-size: 72px;} #culture .clist .tit2{font-size: 35px;} #culture .clist .tit3{font-size: 40px;} #culture .clist .brief{font-size: 30px;} #culture .clist .img{width: 100%;margin-top: 30px;} #culture .three{height: auto;} #culture .three .tit{margin: 120px auto 50px;position: static;} #culture .three .tit2{font-size: 30px;} #culture .three .con{display: none;} #culture .three .container{display: block;padding-bottom: 110px;} #culture .three .container .title{font-size: 40px;line-height: 1;color: #fff;font-weight: 500;margin-bottom: 30px;} #culture .three .container .brief{font-size: 30px;line-height: 1.875;color: #fff;font-weight: 300;} #culture .three .container .swiper-pagination{bottom: 30px;} #culture .three .container .swiper-pagination-bullet{width: 15px;height: 15px;} } /*关于速眠-速眠简介-速眠视频*/ #video{padding: 140px 0 80px;background: #f5f7fa;position: relative;z-index: 2;} #video .cate-box{text-align: center;margin-bottom: 50px;} #video .cate-box.mb-cate{display: none;} #video .cate-box .item{min-width: 170px;height: 55px;line-height: 55px;padding: 0 20px;font-size: 18px;color: #000;font-weight: 300;background: #fff;border-radius: 28px;text-align: center;margin-right: 35px;margin-bottom: 35px;transition: all .3s;} #video .cate-box .item:last-child{margin-right: 0;} #video .cate-box .item.cur{background: #00489d;color: #fff;} #video .cate-box .item:hover{background: #00489d;color: #fff;} #video .con .li{width: 31.429%;margin: 0 2.8565% 3.357% 0;background: #fff;border-radius: 30px;overflow: hidden;} #video .con .li:nth-child(3n){margin-right: 0;} #video .con .li .pic{width: 100%;padding-top: 56.364%;} #video .con .li .pic:before{display: block;content: "";position: absolute;width: 44px;height: 44px;border-radius: 50%;background: url(/images/icon21.png) no-repeat center/cover;bottom: 30px;right: 30px;z-index: 2;cursor: pointer;} #video .con .li .title{font-size: 20px;color: #1a1a1a;font-weight: 300;line-height: 92px;text-align: center;} #video .con .li:hover{box-shadow: 14px 38px 40px 0px rgba(51,87,128,0.1);} #video .con .li:hover .title{color: #00489d;} #video .more{margin-top: 20px;} #video .more .icon{width: 50px;height: 50px;background: url(/images/icon6.png) no-repeat center;} #video .more .icon:hover{background-image: url(/images/icon20.png);} #video .more.isend{opacity: 0;} @media screen and (max-width: 750px) { #video{padding: 140px 0 80px;background: #f5f7fa;position: relative;z-index: 3;} #video .cate-box .title{width: auto;font-size: 30px;margin-top: 0;} #video .cate-box .content{width: 100%;margin-top: 30px;} #video .cate-box .item{font-size: 26px;margin-right: 10px;} #video .cate-box.pc-cate{display: none;} #video .cate-box.mb-cate{display: block;} #video .mb-cate {margin-bottom: 40px;} #video .mb-cate .select{width: 100%;height: 80px;border-radius: 20px;background: url(/images/icon67.png) no-repeat center right 20px #fff; background-size: 30px;} #video .mb-cate .select .tit{width: 100%;height: 100%;line-height: 80px;font-size: 30px;color: #000;padding: 0 40px 0 20px;overflow: hidden;border-radius: 10px;border: 2px solid transparent;} #video .mb-cate .select .tit.cur{border: 2px solid #00489d;} #video .mb-cate .select .two-box{width: 100%;background: #fff;border-radius: 10px;padding: 20px 15px 5px 20px;position: absolute;top: calc(100% + 5px);left: 0;z-index: 2;} #video .mb-cate .select .two-box .cont{height: 250px;overflow-y: auto;} #video .mb-cate .select .two-box .cont::-webkit-scrollbar{width: 4px;background: rgba(0, 0, 0, 0);} #video .mb-cate .select .two-box .cont::-webkit-scrollbar:hover{background: #000;} #video .mb-cate .select .two-box .cont::-webkit-scrollbar-thumb{background: #000;border-radius: 6px;} #video .mb-cate .select .two-box .cont::-webkit-scrollbar-thumb:hover{box-shadow: #000 1px 1px 1px inset; background-color: #000;} #video .mb-cate .select .two-box .li{margin-bottom: 12px;font-size: 30px; line-height: 1.6; color: #222;} #video .mb-cate .select .two-box .li:hover, #video .mb-cate .select .two-box .li.on{color: #00489d;} #video .con .li{width: 100%;margin: 0 0 4% 0;} #video .con .li .title{font-size: 30px;} } /*关于速眠-速眠品牌*/ #abrand{background: #fff;position: relative;z-index: 2;} #abrand .one{padding: 140px 0 160px;background: #fff;} #abrand .one .con{background: #f5f7fa;overflow: hidden;border-radius: 30px;} #abrand .one .text, #abrand .one .img{width: 50%;} #abrand .one .img .relative{padding-top: 64.285%;} #abrand .one .text{padding: 0 7.142% 0 6.428%;} #abrand .one .title{font-size: 36px;line-height: 1.527;color: #1a1a1a;font-weight: 500;margin-bottom: 20px;} #abrand .one .brief{font-size: 18px;line-height: 2;color: #1a1a1a;/*font-weight: 300;*/} #abrand .one .list:nth-child(2n) .t1{display: none;} #abrand .one .list:nth-child(2n+1) .t2{display: none;} #abrand .two{} #abrand .two img{ width: 100%;} #abrand .three{padding: 110px 0 90px;background: #f5f7fa;} #abrand .three .title{font-size: 40px;line-height: 1.375;color: #1a1a1a;font-weight: 500;margin-bottom: 40px;} #abrand .three .new img {width: 100%;} #abrand .three .list{margin-bottom: 20px;border-radius: 30px;background: #fff;overflow: hidden;min-height: 200px;padding: 35px 0;} #abrand .three .list .tit{width: 20%;font-size: 20px;height: 130px;line-height: 130px;color: #1a1a1a;font-weight: 500;text-align: center;} #abrand .three .list .tent{width: 80%;} #abrand .three .list .img{width: 25%;height: 130px;} @media screen and (max-width: 750px) { #abrand .one .list{display: block;} #abrand .one .list .t1{display: none;} #abrand .one .img{width: 100%;} #abrand .one .list:nth-child(2n+1) .t2{display: block;} #abrand .one .text{padding: 8% 5%;width: 100%;} #abrand .one .title{font-size: 42px;} #abrand .one .brief{font-size: 30px;} #abrand .three .title{font-size: 45px;} #abrand .three .list{display: block;} #abrand .three .list .tit{width: 100%;font-size: 30px;height: 50px;line-height: 50px;} #abrand .three .list .tent{width: 100%;} } /*售后支持*/ #support{background: #f5f7fa;position: relative;z-index: 2;} #support .title{font-size: 40px;line-height: 1.375;color: #1a1a1a;font-weight: 500;margin-bottom: 55px;text-align: center;} #support .one{padding-top: 140px;} #support .one .item{border-radius: 30px;background: #fff;overflow: hidden;width: 31.428%;margin: 0 2.858% 2.858% 0;padding: 85px 30px 60px;text-align: center;} #support .one .item:nth-child(3n){margin-right: 0;} #support .one .item .icon{width: 80px;height: 80px;margin: 0 auto 55px;} #support .one .item:nth-child(1) .icon{background: url(/images/icon50.png) no-repeat center;} #support .one .item:nth-child(2) .icon{background: url(/images/icon52.png) no-repeat center;} #support .one .item:nth-child(3) .icon{background: url(/images/icon54.png) no-repeat center;} #support .one .item .t1{font-size: 24px;line-height: 1.33;color: #1a1a1a;font-weight: 500;margin-bottom: 10px;} #support .one .item .t2{font-size: 18px;line-height: 1.66;color: #666;font-weight: 300;} #support .one .item:hover{box-shadow: 14px 38px 40px 0px rgba(51, 87, 128, 0.1);} #support .one .item:hover .t1{color: #00489d;} #support .one .item:hover .t2{color: #1a1a1a;} #support .one .item:nth-child(1):hover .icon{background-image: url(/images/icon51.png);} #support .one .item:nth-child(2):hover .icon{background-image: url(/images/icon53.png);} #support .one .item:nth-child(3):hover .icon{background-image: url(/images/icon55.png);} #support .two{padding-top: 70px;} #support .three{padding-top: 80px;} #support .sitem{width: 48.571%;margin: 0 2.858% 2.858% 0;overflow: hidden;border-radius: 30px;background: #fff;} #support .sitem:nth-child(2n){margin-right: 0;} #support .sitem .img{padding-top: 57.5%;} #support .sitem .text{padding: 25px 0 35px;} #support .sitem .t1{font-size: 24px;line-height: 1.333;color: #1a1a1a;font-weight: 500;margin-bottom: 10px;} #support .sitem .t2{font-size: 18px;line-height: 1.666;color: #666;font-weight: 300;} #support .four{padding: 90px 0 130px;display: none;} #support .four .relative{padding-top: 25%;overflow: hidden;border-radius: 30px;} #support .four .t1{font-size: 40px;line-height: 1;color: #fff;font-weight: 500;margin-bottom: 20px;} #support .four .t2{font-size: 18px;line-height: 1.666;color: #fff;font-weight: 300;} @media screen and (max-width: 750px) { #support .title{font-size: 45px;} #support .one .item{width: 100%;margin: 0 0 4% 0;} #support .one .item .t1{font-size: 35px;} #support .one .item .t2{font-size: 30px;} #support .sitem{width: 100%;margin: 0 0 4% 0;} #support .sitem .t1{font-size: 35px;} #support .sitem .t2{font-size: 30px;} #support .four .relative{overflow: visible;padding-top: 0;} #support .four .img{position: static;} #support .four .text{position: static;margin-top: 30px;} #support .four .t1{font-size: 45px;color: #333;} #support .four .t2{font-size: 30px;color: #333;} } /*底部*/ #footer{background: url(/images/footer-bg.png) no-repeat center/cover;padding-top: 90px;position: relative;z-index: 2;} #footer .ftop .fnav, #footer .ftop .finfo{width: 20%;} #footer .ftop .fntit{font-size: 18px;font-weight: 500;color: #fff;line-height: 1.2;margin-bottom: 40px;text-transform: capitalize;} #footer .ftop .fn-a{color: rgba(255,255,255,0.5);font-size: 16px;line-height: 2.5;font-weight: 200;text-transform: capitalize;} #footer .ftop .fn-a:hover{color: #fff;} #footer .ftop .fimg{width: 120px;height: 120px;background: #fff;margin-bottom: 30px;} #footer .ftop .fit1{color: rgba(255,255,255,0.5);font-size: 16px;line-height: 2.5;font-weight: 200;} #footer .fbot{padding: 35px 0;border-top: 1px solid rgba(255,255,255,0.1);margin-top: 87px;} #footer .fbot .flogo{width: 200px;height: 25px;margin-right: 40px;} #footer .fbot .copy p{color: rgba(255,255,255,0.5);font-size: 16px;line-height: 1.875;font-weight: 200;} #footer .fbot .fshare a{width: 23px;height: 23px;margin-right: 30px;} #footer .fbot .fshare a[share='wechat']{background: url(/images/icon7.png) no-repeat center;} #footer .fbot .fshare a[share='sina']{background: url(/images/icon8.png) no-repeat center;} #footer .fbot .fshare a.douyin{background: url(/images/icon9.png) no-repeat center;margin-right: 0;} #fixed-rig{bottom: 34%;right: 2.864%;position: fixed;z-index: 10;} #fixed-rig .msg-btn{width: 48px;height: 48px;border-radius: 50%;background: #00489d;margin-top: 15px;} #fixed-rig .msg-btn .qr-code{ top: 50%; right: 120%; bottom: inherit; left: inherit; width: 120px; height: 120px; max-width: inherit; max-height: inherit; transform: translateY(-50%); opacity: 0; pointer-events: none;} #fixed-rig .msg-btn:before{ display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; background: #00489d; border-radius: 50%; transform: translate(-50%, -50%); transition: all .3s;} #fixed-rig .msg-btn:hover:before{ width: 120%; height: 120%;} #fixed-rig .top-btn{width: 48px;height: 48px;border-radius: 50%;background: url(/images/icon5.png) no-repeat center #fff;margin-top: 15px;} #fixed-rig .top-btn:hover{background: url(/images/icon72.png) no-repeat center #00489d;} #fixed-rig .msg-btn:hover .qr-code{ opacity: 1;} /*广告效果*/ .scroll-bg{position: relative;max-width: 1920px;width: 100%;min-width: 750px;margin: 0 auto;overflow-x: hidden;} .scroll-bg.pa1{padding-top: 49.479%;} .scroll-bg.pa2{padding-top: 41.666%;} .scroll-bg .top-bg{position: fixed;/*max-width: 1920px;*/width: 100%;min-width: 750px;margin: auto;right: 0;background: #fff;opacity: 1;left: 0;top: 0;} /*首页*/ #i-banner .txt{bottom: 0;z-index: 5;text-align: left;} #i-banner .txt .p1{font-size: 55px;line-height: 65px;color: #1a1a1a;font-weight: 500;margin-bottom: 15px;} #i-banner .txt .p2{font-size: 24px;line-height: 1;color: #1a1a1a;font-weight: 200;margin-bottom: 90px;} #i-banner .txt .icon{width: 19px;height: 32px;background: url(/images/icon59.png) no-repeat center;margin-bottom: 14px;} #i-banner .txt .line{width: 1px;height: 64px;background: rgba(20, 42, 78, 0.35);margin-left: 9px;} /*内页*/ #o-banner .bg{background: url(/images/banner-bg.png) no-repeat left center/cover;} #o-banner .txt{bottom: 150px;font-size: 55px;line-height: 1.36;font-weight: 200;color: #fff;} @media screen and (max-width: 750px) { .scroll-bg.pa1{padding-top: 120%;} .scroll-bg.pa2{padding-top: 100%;} } /*内页二级导航*/ #mini-nav{z-index: 3;} #mini-nav .mncon{left: 0;bottom: 0;width: 100%;z-index: 10;} #mini-nav .mncon .cw1400{height: 70px;background: rgba(20, 42, 78, 0.9);border-top-left-radius: 9px;border-top-right-radius: 9px;} #mini-nav .mncon .nmli{margin-right: 6.785%;width: auto;text-align: center;} #mini-nav .mncon .nmli:nth-last-child(1){margin-right: 0;} /* #mini-nav .mncon .nmli{width: 12.5%;text-align: center;} #mini-nav .mncon .nmli.w1{width: 14.285%;} */ #mini-nav .mncon .nmli a{font-size: 18px;font-weight: 300;color: #fff;line-height: 70px;border-bottom: 3px solid transparent;text-transform: capitalize;} #mini-nav .mncon .nmli a.cur, #mini-nav .mncon .nmli a:hover{border-bottom: 3px solid #fff;} #mini-nav .mncon .nmli .thcon{top: 100%;background: #fff;box-shadow: 2px 5px 20px 0px rgba(51, 87, 128, 0.05);line-height: 70px;max-width: 1920px;left: 0;width: 100%;overflow: hidden;height: 0px;opacity: 0;} #mini-nav .mncon .nmli:hover .thcon{height: 70px;opacity: 1;} #mini-nav .mncon .thnmli{width: 10%;text-align: center;} #mini-nav .mncon .thnmli a{font-size: 16px;font-weight: 300;color: #333;line-height: 70px;border-bottom: 4px solid transparent;text-transform: capitalize;} #mini-nav .mncon .thnmli a.cur, #mini-nav .mncon .thnmli a:hover{border-bottom: 4px solid #00489d;color: #00489d;font-weight: 500;} @media screen and (max-width: 1024px) { #mini-nav{display: none;} } /*头部*/ .header-blank{height: 108px;width: 100%;} #header{position: fixed;top: 0;left: 0;height: 108px;background: rgba(20, 42, 78, 0.9);width: 100%;z-index: 100;} #header:hover{background: rgba(20, 42, 78, 1);} #header.up{overflow: hidden;transform: translate(0,-101%);} #header .logo{width: 200px;height: 25px;} #header .hattr .hat1{width: 140px;height: 45px;line-height: 45px;border-radius: 23px;border: 1px solid rgba(255,255,255,0.5);font-size: 16px;color: rgba(255,255,255,0.5);padding-left: 50px;background: url(/images/icon1.png) no-repeat center left 22px;margin-right: 22px;} #header .hattr .hat2{width: 40px;height: 40px;line-height: 40px;border-radius: 50%;background: rgba(255,255,255,0.15);font-size: 16px;color: rgba(255,255,255,0.5);text-align: center;} #header .hnav{margin-right: 10px;} #header .hnav .one-nav{margin-right: 50px;line-height: 108px;border-bottom: 3px solid transparent;} #header .hnav .one-nav.cur, #header .hnav .one-nav:hover{border-bottom: 3px solid #fff;} #header .hnav .nav-a1{font-size: 16px;font-weight: 300;color: #fff;text-transform: capitalize;} #header .hnav .two-nav{height: 68px;line-height: 68px;top: 100%;background: #0e1d36;left: 0;width: 100%;display: none;} #header .hnav .two-nav .tnli{/*width: 12.5%;*/text-align: center;margin-right: 7.285%;} #header .hnav .two-nav .tnli:nth-last-child(1){margin-right: 0;} #header .hnav .two-nav .tnli .nav-a2{font-size: 18px;font-weight: 300;color: rgba(255,255,255,0.5);height: 68px;border-bottom: 2px solid transparent;text-transform: capitalize;} #header .hnav .two-nav .tnli .nav-a2.cur, #header .hnav .two-nav .tnli .nav-a2:hover{color: #fff;border-bottom: 2px solid #fff;} #header .hnav .three-nav{padding: 45px 0 70px;background: rgba(20, 42, 78, 0.96);top: 100%;left: 0;width: 100%;text-align: left;display: none;} #header .hnav .three-nav .tnitem{margin-right: 3.714%;} #header .hnav .three-nav .tntitle{font-size: 18px;font-weight: 300;color: #fff;line-height: 1.5;margin-bottom: 20px;} #header .hnav .three-nav .tnimg{width: 100%;max-width: 280px;height: 140px;margin-bottom: 30px;} #header .hnav .three-nav .nav-a3{line-height: 48px;} #header .hnav .three-nav .nav-a3 a{font-size: 16px;font-weight: 300;color: #fff;} #header .hnav .one-nav:hover .two-nav{display: block;} #header .hnav .two-nav .tnli:hover .three-nav{display: block;} #header .hnav .four_nav {background: rgba(20, 42, 78, 0.9);width:100%;position:absolute;left:0;display:none;} #header .hnav .two-nav .tnli:hover .four_nav {display:block;} #header .hnav .four_nav .nav_a4 {display:inline-block;} /*关于速眠-案例故事*/ #case{padding: 138px 0 70px;background: #f5f7fa; position: relative;z-index: 2;} #case .content{} #case .content .li{width: 31.429%;margin: 0 2.8565% 44px 0;background: #fff;border-radius: 30px;} #case .content .li:nth-child(3n){margin-right: 0;} #case .content .li .pic{width: 100%;padding-top: 56.364%;} #case .content .li .msg{padding: 35px 25px 54px 30px;} #case .content .li .msg .tit{font-size: 20px;color: #1a1a1a;font-weight: 500;line-height: 1.6;max-height: 64px;} #case .content .li .msg .brief{font-size: 16px;color: #666;font-weight: 300;line-height: 1.875;max-height: 120px;margin-top: 12px;} #case .content .li:hover{box-shadow: 14px 38px 40px 0px rgba(51,87,128,0.1);} #case .content .li:hover .msg .tit{color: #00489d;} #case .content .li:hover .msg .brief{color: #1a1a1a;} #case .more{margin-top: 36px;} #case .more .icon{width: 50px;height: 50px;background: url(/images/icon6.png) no-repeat center;} #case .more .icon:hover{width: 50px;height: 50px;background: url(/images/icon20.png) no-repeat center;} #case .more.isend{ opacity: 0;} /*关于速眠-发现速眠*/ #find{padding: 140px 0 85px;background: #f5f7fa; position: relative;z-index: 2;} #find .content{padding: 0 50px;} #find .content .li{width: 23.231%;margin: 0 15.1535% 55px 0;} #find .content .li:nth-child(3n){margin-right: 0;} #find .content .li .shadow-box{box-shadow: -20px 20px 20px 0 rgba(0,0,0,.15);} #find .content .li .pic{width: 100%;padding-top: 149.338%;} #find .content .li .tit{font-size: 18px;color: #333;font-weight: 300;margin-top: 40px;} #find .content .li:hover .shadow-box{transform: translateY(-12px);box-shadow: -20px 20px 20px 0 rgba(0,0,0,.2);} #find .content .li:hover .tit{color: #00489d;font-weight: 500;} #find .more{margin-top: 20px;} #find .more .icon{width: 50px;height: 50px;background: url(/images/icon6.png) no-repeat center;} #find .more .icon:hover{width: 50px;height: 50px;background: url(/images/icon20.png) no-repeat center;} #find .more.isend{opacity: 0;} /*关于速眠-合作荣誉*/ #honor{padding: 125px 0 40px;background: #f5f7fa; position: relative;z-index: 2;} #honor .title{font-size: 40px;color: #000;font-weight: 500;} #honor .brief{font-size: 18px;color: #1a1a1a;line-height: 2;font-weight: 300;margin-top: 20px;padding-right: 260px;} #honor .honor-box{width: 91.354%;} #honor .honor-box::after{content: '';position: absolute;width: 100%;height: 130px;background: url(/images/about-honor-bg.png) no-repeat center right;bottom: -130px;left: 0;} /*#honor .honor-box .content{width: 79.818%;margin-left: 14.823%;margin-top: 85px;}*/ #honor .honor-box .content{width: 79.818%;margin-left: 14.823%;margin-top: 65px;} /*#honor .honor-box .content .li{width: 32.357%;margin-right: 22px;}*/ #honor .honor-box .content .btn{width: 60px;height: 60px;top: 50%;transform: translateY(-50%);border-radius: 100%;} #honor .honor-box .content .slide {display:flex;flex-wrap:wrap;} #honor .honor-box .content .li {width:31.5%;margin-right:2.5%;margin-top:20px;} #honor .honor-box .content .li:nth-child(3n) {margin-right:0} #honor .honor-box .content .li .m-pic {padding-top:100%;width:100%;} #honor .honor-box .content .prev{background: url(/images/icon10.png) no-repeat center #fff;left: -110px;} #honor .honor-box .content .next{background: url(/images/icon12.png) no-repeat center #fff;right: -110px;} #honor .honor-box .content .prev:hover{background-image: url(/images/icon11.png);} #honor .honor-box .content .next:hover{background-image: url(/images/icon13.png);} #honor .bot{margin-top: 125px;} #honor .bot .li{margin-bottom: 100px;} #honor .bot .li:nth-child(2n){flex-direction: row-reverse;} #honor .bot .li .text{width: 43.571%;} #honor .bot .li .text .tit{font-size: 40px;color: #000;line-height: 1.2;font-weight: 500;} #honor .bot .li .text .info{font-size: 18px;color: #1a1a1a;line-height: 2;font-weight: 300;margin-top: 30px;} #honor .bot .li .shadow-box{width: 43.571%;background: #fff;border-radius: 20px;padding: 22px;} @media (max-width: 1680px){ #honor .honor-box .content{margin-left: 9%;} } /*关于速眠-联系我们*/ #contact{padding: 140px 0 100px;background: #f5f8fa; position: relative;z-index: 2;} #contact .box1{background: #fff;border-radius: 30px;padding: 50px 0;} #contact .box1 .item{width: 33.333%;border-right: 1px solid #ebebeb;padding: 0 20px 0 50px;} #contact .box1 .item:nth-child(3){border-right: 0;} #contact .box1 .item .icon{width: 36px;height: 36px;} #contact .box1 .item .tit{font-size: 18px;color: #666;font-weight: 300;margin: 36px 0 12px;} #contact .box1 .item .brief{font-size: 18px;color: #1a1a1a;line-height: 1.333;font-weight: 600;} #contact .box2{margin-top: 75px;} #contact .box2 .cate-box{} #contact .box2 .cate-box .item{min-width: 170px;height: 55px;line-height: 55px;border-radius: 28px;text-align: center;font-size: 18px;color: #000;font-weight: 300;background: #fff;margin-right: 35px;} #contact .box2 .cate-box .item.cur{background: #00489d;color: #fff;font-weight: 600;} #contact .box2 .cate-box .item:hover{background: #00489d;color: #fff;font-weight: 600;} #contact .box2 .content{margin-top: 50px;border-radius: 30px;height: 560px;background: #fff; overflow: hidden;} #contact .box2 .content .left{width: 50%;padding: 70px 45px 70px 60px;} #contact .box2 .content .left .h{height: 420px;overflow-y: auto;padding-right: 30px;} #contact .box2 .content .left .h::-webkit-scrollbar{height: 5px; width: 5px;background: #f5f8fa;} #contact .box2 .content .left .h::-webkit-scrollbar:hover{background: #f5f8fa;} #contact .box2 .content .left .h::-webkit-scrollbar-thumb{background: #666;border-radius: 6px;} #contact .box2 .content .left .h::-webkit-scrollbar-thumb:hover{box-shadow: #666 1px 1px 1px inset; background-color: #666;} #contact .box2 .content .left .li{margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px solid #e9e9e9;} #contact .box2 .content .left .li .tit{font-size: 18px;color: #1a1a1a;font-weight: 600;margin-bottom: 10px;} #contact .box2 .content .left .li .add{font-size: 16px;color: #666;font-weight: 300;margin-bottom: 8px;} #contact .box2 .content .left .li.cur{border-bottom-color: #00489d;background: url(/images/icon17.png) no-repeat right;} #contact .box2 .content .left .li.cur .tit{color: #00489d;} #contact .box2 .content .left .li:hover .tit{color: #00489d;} #contact .box2 .content .right{width: 50%;} #contact .box2 .content .right .map{height: 100%;} #contact .box2 .content2{margin-top: 50px;} #contact .box2 .content2 .item{width: 48.214%;background: #fff;border-radius: 30px;padding: 55px 40px 65px;} #contact .box2 .content2 .item .tit{font-size: 24px;outline-offset: #1a1a1a;font-weight: 600;margin-bottom: 18px;} #contact .box2 .content2 .item .txt{font-size: 18px;outline-offset: #1a1a1a;font-weight: 300;margin-bottom: 8px;} #message{padding: 95px 0 125px; position: relative;z-index: 2; background: #fff;} #message .title{font-size: 40px;color: #1a1a1a;font-weight: 500;} #message .brief{font-size: 18px;color: #1a1a1a;font-weight: 300;margin-top: 10px;} #message .form-box{background: #f5f8fa;border-radius: 30px;padding: 60px 85px;margin-top: 60px;} #message .form-box .rows{width: 100%;margin-bottom: 25px;} #message .form-box .rows .t{color: #1a1a1a;font-size: 18px;margin-bottom: 10px;font-weight: 300;} #message .form-box .rows .ipt{width: 100%;height: 45px;line-height: 45px;border-radius: 4px;padding: 0 18px;border: 1px solid #fff;background: #fff;font-size: 16px;color: #1a1a1a;} #message .form-box .rows .ipt:hover{border-color: #2260aa;} #message .form-box .rows textarea{width: 100%;height: 175px;line-height: 28px;border-radius: 4px;padding: 20px 18px;border: 1px solid #fff;background: #fff;font-size: 16px;color: #1a1a1a;} #message .form-box .rows textarea:hover{border-color: #2260aa;} #message .form-box .area{margin-bottom: 60px;} #message .form-box .fz0 .rows{width: 31.8%;margin-right: 2.3%;} #message .form-box .fz0 .rows:nth-child(3){margin-right: 0;} #message .form-box .sub{width: 146px;height: 55px;line-height: 55px;border: 1px solid #000;border-radius: 28px;color: #1a1a1a;font-size: 18px;font-weight: 500;} #message .form-box .sub:hover{background: #2260aa;color: #fff;border-color: #2260aa;} /*关于速眠-人才招聘*/ #join{padding: 140px 0 70px;background: #f5f7fa; position: relative;z-index: 2; } #join .cate-box{} #join .cate-box .title{width: 108px;font-size: 18px;color: #000;font-weight: 300;margin-top: 17px;} #join .cate-box .content{width: calc(100% - 108px);} #join .cate-box .item{min-width: 155px;height: 55px;line-height: 55px;padding: 0 20px;font-size: 18px;color: #000;font-weight: 300;background: #fff;border-radius: 28px;text-align: center;margin-right: 30px;margin-bottom: 30px;transition: all .3s;} #join .cate-box .item:last-child{margin-right: 0;} #join .cate-box .item.cur{background: #00489d;color: #fff;font-weight: 600;} #join .cate-box .item:hover{background: #00489d;color: #fff;font-weight: 600;} #join .ul{display: grid;grid-template-columns: calc(33.3% - 26px) calc(33.3% - 26px) calc(33.3% - 26px);grid-gap: 40px;margin-top: 85px;} #join .ul .li{border-radius: 30px;background: #fff;padding: 50px;} #join .ul .li .name .t1{font-size: 24px;color: #1a1a1a;font-weight: 300;} #join .ul .li .name .i{margin-left: 10px;width: 8px;height: 36px;background: url(/images/icon18.png) no-repeat center;} #join .ul .li .category{font-size: 16px;color: #666;margin-top: 10px;font-weight: 300;} #join .ul .li .con{margin-top: 40px;padding-top: 20px;border-top: 1px solid #f2f2f2;} #join .ul .li .con .dd{width: 50%;padding-right: 6%;font-size: 16px;color: #666;line-height: 1.875;margin-top: 10px;} #join .ul .li .con .dd:nth-child(2n){padding-right: 0;} #join .ul .li:hover{box-shadow: 14px 38px 40px 0px rgba(51, 87, 128, 0.1);} #join .ul .li:hover .name .t1{color: #00489d;} #join .ul .li:hover .name .i{background-image: url(/images/icon17.png);} #join .more{margin-top: 80px;} #join .more .icon{width: 50px;height: 50px;background: url(/images/icon6.png) no-repeat center;} #join .more .icon:hover{width: 50px;height: 50px;background: url(/images/icon20.png) no-repeat center;} #jonr .more.isend{opacity: 0;} /*关于速眠-人才招聘 弹窗*/ #float_job.cur{background: rgba(0,0,0,.6);} #float_job .job{width: 1100px;height: 700px;border-radius: 35px;background: #fff;padding: 45px;margin: 0 auto;} #float_job .job .close{right: 46px;top: 58px;width: 24px;height: 24px;background: url(/images/icon19.png) no-repeat center center;} #float_job .job .close:hover{transform: rotate(-180deg);} #float_job .job .tit{padding-bottom: 30px;border-bottom: 1px solid #e3e3e3;color: #1a1a1a;font-size: 32px;margin-bottom: 55px;font-weight: 500;} #float_job .job .t2{margin-bottom: 15px;color: #1a1a1a;font-size: 20px;font-weight: 500;} #float_job .job .brief{padding-bottom: 60px;border-bottom: 1px solid #e3e3e3;margin-bottom: 40px;color: #1a1a1a;font-size: 16px;line-height: 1.875;font-weight: 300;} #float_job .job .contact .wy{color: #999;font-size: 16px;line-height: 1.875;} #float_job .job .contact .wy.one{margin-bottom: 5px;} #float_job .job .contact .btn{margin-top: 50px;width: 146px;height: 55px;border-radius: 50px;line-height: 55px;color: #fff;background: #00489d;font-size: 18px;font-weight: 300;} #float_job .job .contact .btn:hover{opacity: .8;} /* 专家介绍 */ #expert {padding: 90px 0 68px; background: #f5f7fa; position: relative;z-index: 2;} #expert .hot_list{margin-bottom: 37px;} #expert .hot_list .container { padding-top: 50px;} #expert .hot_list .item{ overflow: visible;} #expert .hot_list .item .left{width: 50%; bottom: 0; left: 0;height: 100%;} #expert .hot_list .item .right{padding-top: 55px; width: 100%;} #expert .hot_list .item .right .in{padding: 123px 11.79% 156px; width: 100%; background: #958b93; border-radius: 30px; display: flex; align-items: center; justify-content: end;} #expert .hot_list .item .right .in .empty{width: calc(100% - 40%);} #expert .hot_list .item .right .in .box{width: 39.929%;} #expert .hot_list .item .right .in .name{margin-bottom: 16px; font-size: 40px; color: #fff; font-weight: 500; line-height: 57px;} #expert .hot_list .item .right .in .brief{margin-bottom: 54px; font-size: 18px; color: #fff; font-weight: 300; line-height: 29px; height: calc(29px * 3);} /* #expert .hot_list .item .right .in .sub{width: 150px;height: 55px;line-height: 55px;border: 2px solid #fff;border-radius: 28px;color: #fff;font-size: 18px;font-weight: 300;} */ #expert .hot_list .item .right .in .sub{width: 150px;height: 55px;border: 2px solid #fff;border-radius: 28px;color: #fff;font-size: 18px;font-weight: 300;display: flex;align-items: center;justify-content: center;} #expert .hot_list .item .right .in .sub:hover{background: #2260aa;border-color: #2260aa;} #expert .hot_list .btn{width: 60px;height: 60px;top: 50%;transform: translateY(-50%);border-radius: 100%; z-index: 5;} #expert .hot_list .prev{background: url(/images/icon10.png) no-repeat center center #fff;left: 40px;} #expert .hot_list .next{background: url(/images/icon12.png) no-repeat center center#fff;right: 40px;} #expert .hot_list .prev:hover{background-image: url(/images/icon11.png);} #expert .hot_list .next:hover{background-image: url(/images/icon13.png);} #expert .cont .list {} #expert .cont .list .item{width: 31.429%; margin-top: 40px; margin-right: 2.857%; border-radius: 30px;} #expert .cont .list .item:nth-child(3n){margin-right: 0;} #expert .cont .list .item:nth-child(-n+3){margin-top: 0;} #expert .cont .list .item .pic{padding-top: 18px; background: #958b93;} #expert .cont .list .item .text{background: #fff; padding: 26px 6.82%;} #expert .cont .list .item .text .name{margin-bottom: 6px;font-size: 24px; color: #1a1a1a; font-weight: 500; line-height: 35px; } #expert .cont .list .item .text .brief{font-size: 18px; color: #666; font-weight: 300; line-height: 28px; height: calc(28px * 2);} #expert .cont .list .item:hover{box-shadow: 14px 38px 40px 0px rgba(51,87,128,0.1);} #expert .cont .list .item:hover .text .name{color: #174a96;} #expert .more{margin-top: 61px;} #expert .more .icon{width: 50px;height: 50px;background: url(/images/icon6.png) no-repeat center center;} #expert .more .icon:hover{width: 50px;height: 50px;background: url(/images/icon20.png) no-repeat center center;} #expert .more.isend{opacity: 0;} @media screen and (max-width: 750px) { #expert{padding: 80px 0;} #expert .hot_list .item .right{padding-top: 75px; } #expert .hot_list .item .right .in{padding: 75px 10.79% 44px; justify-content: right;} #expert .hot_list .item .right .in .empty{width: calc(100% - 55%);} #expert .hot_list .item .right .in .box{width: 51%;} #expert .hot_list .item .right .in .brief{font-size: 26px; line-height: 36px; height: calc(36px * 3);} #expert .hot_list .item .right .in .sub{background: #2260aa;border-color: #2260aa; font-size: 26px;} #expert .hot_list .btn{top: 59%;} #expert .hot_list .prev{background-image: url(/images/icon11.png); left: 10px;} #expert .hot_list .next{background-image: url(/images/icon13.png); right: 10px;} #expert .cont .list .item{width: 48.429%;} #expert .cont .list .item:nth-child(3n){margin-right: 2.857%;} #expert .cont .list .item:nth-child(-n+3){margin-top: 40px;} #expert .cont .list .item:nth-child(2n){margin-right: 0;} #expert .cont .list .item:nth-child(-n+2){margin-top: 0;} #expert .cont .list .item .text .name{font-size: 36px; line-height: 1.6;} #expert .cont .list .item .text .brief{font-size: 30px; line-height: 1.6; height: calc(48px * 2);} } #expert_detail{padding: 120px 0 124px; background: #f5f7fa; position: relative;z-index: 2;} #expert_detail .cont{} #expert_detail .cont .left{width: 45.714%; border-radius: 30px; overflow: hidden;padding-top: 45.714%;background: #958b93;} #expert_detail .cont .left img{max-height: 90%;vertical-align: bottom;} #expert_detail .cont .right{width: 46.571%;} #expert_detail .cont .right .name{margin-bottom: 20px; font-size: 40px; color: #1a1a1a; font-weight: 500;} #expert_detail .cont .right .job{margin-bottom: 50px; font-size: 18px; color: #666; font-weight: 300;} #expert_detail .cont .right .brief{font-size: 18px; color: #1a1a1a; font-weight: 300; line-height: 36px; text-align: justify;} @media screen and (max-width: 1024px) { #expert_detail .cont .right{width: 48.5%;} } @media screen and (max-width: 750px) { #expert_detail{padding: 80px 0;} #expert_detail .cont{flex-direction: column;} #expert_detail .cont .left{width: 100%;} #expert_detail .cont .right{width: 100%; margin-top: 40px;} #expert_detail .cont .right .name{font-size: 36px; line-height: 1.6;} #expert_detail .cont .right .job{font-size: 30px; line-height: 1.6;} #expert_detail .cont .right .brief{font-size: 30px; line-height: 1.6; text-align: left;} } #medical-part1{padding: 130px 0 105px; position: relative;z-index: 2; background: #fff;} #medical-part1 .box .left{width: 60.714%;} #medical-part1 .box .left .title{margin-bottom: 24px; font-sizE: 40px; color: #1a1a1a; font-weight: 500; line-height: 58px; } #medical-part1 .box .left .brief{margin-bottom: 56px; font-size: 18px; color: #1a1a1a; font-weight: 300; line-height: 35px; } /* #medical-part1 .box .left .sub{width: 170px;height: 55px;line-height: 55px;border: 2px solid #000000;border-radius: 25px;color: #fff;font-size: 18px;font-weight: 300; color: #1a1a1a;} */ #medical-part1 .box .left .sub{width: 170px;height: 55px; border: 2px solid #000000;border-radius: 25px;color: #fff;font-size: 18px;font-weight: 300; color: #1a1a1a;display: flex;align-items: center;justify-content: center;box-sizing: border-box;} #medical-part1 .box .left .sub:hover{background: #2260aa;border-color: #2260aa; color: #fff;} #medical-part1 .box .right{width: 30.929%;} #medical-part2{padding: 84px 0; background: url(/images/service-internet-bg.jpg) no-repeat center center/100% 100%; position: relative;z-index: 2; } #medical-part2 .top{margin-bottom: 24px; border-radius: 30px; height: 520px;} #medical-part2 .top .left{width: 25%; } #medical-part2 .top .left .li{height: 33.269%;background: #093e72; padding: 0 16%;} #medical-part2 .top .left .li.cur{background:#00489d; position: relative;} #medical-part2 .top .left .li.cur::before{content: " ";display: block; width: 18px; height: 37px; background: url(/images/icon65.png) no-repeat center; position: absolute; top: 50%; right: -15px; transform: translateY(-50%); z-index: 5;} #medical-part2 .top .left .li .txt{margin-left: 16%; font-size: 20px; color: #fff; font-weight: 500;} #medical-part2 .top .right .item {height: 100%;} #medical-part2 .top .right .item:before{content:""; display: block; width: 100%; height: 100%; background: url(/images/icon66.png) no-repeat bottom left/100% 100%; position: absolute; bottom: 0; left: 0; z-index: 3; } #medical-part2 .top .right .item .pic{height: 100%;} #medical-part2 .top .right .item .name{width: 100%; bottom: 35px; left: 0; z-index: 4; font-size: 22px; color: #fff; font-weight: 300; line-height: 35px;} #medical-part2 .bot{background: #093e72; border-radius: 30px; padding: 43px 0 44px; } #medical-part2 .bot .item{width: 25%; padding: 0 2.8%; color: #fff; border-right: 1px solid rgba(255,255,255,0.1);} #medical-part2 .bot .item:last-child{border-right:0;} #medical-part2 .bot .item .title{margin-bottom: 17px; font-size: 20px; font-weight: 500; line-height: 39px;} #medical-part2 .bot .item .brief{font-size: 18px; font-weight: 300; line-height: 31px; min-height: calc(31px * 3);} #medical-part3{padding: 77px 0 130px; background: #f5f7fa; position: relative;z-index: 2;} #medical-part3 .box{background: #fff; border-radius: 30px;} #medical-part3 .box .left{width: 50%; padding: 0 5%;} #medical-part3 .box .left .title{margin-bottom: 24px; font-size: 40px; color: #1a1a1a; font-weight: 500; line-height: 58px; } #medical-part3 .box .left .brief{margin-bottom: 56px; font-size: 18px; color: #1a1a1a; font-weight: 300; line-height: 35px; } /* #medical-part3 .box .left .sub{width: 170px;height: 55px;line-height: 55px;border: 2px solid #000000;border-radius: 25px;color: #fff;font-size: 18px;font-weight: 300; color: #1a1a1a;} */ #medical-part3 .box .left .sub{width: 170px;height: 55px;border: 2px solid #000000;border-radius: 25px;color: #fff;font-size: 18px;font-weight: 300; color: #1a1a1a;display: flex;align-items: center;justify-content: center;} #medical-part3 .box .left .sub:hover{background: #2260aa;border-color: #2260aa; color: #fff;} #medical-part3 .box .right{width: 50%;} @media screen and (max-width: 1024px) { #medical-part2 .top{flex-direction: column; height: 590px;} #medical-part2 .top .left{width: 100%;display: flex;} #medical-part2 .top .left .li{width: 100%; height: 125px;padding: 0; align-items: center; justify-content: center;} #medical-part2 .top .left .li.cur::before{top: 91%; right: 50%; transform: translate(50%,-50%); transform: rotate(90deg);} #medical-part3 .box .left{padding: 40px 5%;} } @media screen and (max-width: 750px){ #medical-part1{padding: 80px 0;} #medical-part1 .box{flex-direction: column-reverse;} #medical-part1 .box .left{width: 100%; margin-top: 40px} #medical-part1 .box .left .title{font-size: 42px; font-weight: bold; line-height: 1.6;} #medical-part1 .box .left .brief{font-size: 30px;text-align: left;line-height: 52px;} #medical-part1 .box .left .sub{font-size: 26px; background: #2260aa;border-color: #2260aa; color: #fff;} #medical-part1 .box .right{width: 100%;} #medical-part2 .top{height: 465px;} #medical-part2 .top .left .li .txt{margin-left: 7%;font-size: 26px;} #medical-part2 .top .right .item .name{font-size: 26px;} #medical-part2 .bot{flex-wrap: wrap;} #medical-part2 .bot .item{width: 100%; margin-top: 40px; border-right: 0;} #medical-part2 .bot .item:first-child{margin-top: 0;} #medical-part2 .bot .item .title{font-size: 36px;text-align: left;line-height: 52px;} #medical-part2 .bot .item .brief{font-size: 30px;text-align: left;line-height: 52px; min-height: auto;} #medical-part3{padding: 80px 0;} #medical-part3 .box{flex-direction: column-reverse;} #medical-part3 .box .left{width: 100%;} #medical-part3 .box .right{width: 100%;border-radius: 30px; overflow: hidden;} #medical-part3 .box .left .title{font-size: 36px;text-align: left;line-height: 1.6;} #medical-part3 .box .left .brief{font-size: 30px;text-align: left;line-height: 1.6;} #medical-part3 .box .left .sub{font-size: 26px; background: #2260aa;border-color: #2260aa; color: #fff;} } #doctor-part1{padding-top: 130px; position: relative;z-index: 2; background: #fff;} #doctor-part1 .back{width: 100%; height: 665px; background: #f5f7fa; top: 0; left: 0; z-index: -1;} #doctor-part1 .title{margin-bottom: 74px; font-size: 40px; color: #1a1a1a; line-height: 57px; font-weight: 500;} #doctor-part1 .swi {border-radius: 30px;} #doctor-part1 .swi .container{background: #fff;} #doctor-part1 .swi .item .txt{background: #fff; padding: 100px 0 50px; } #doctor-part1 .swi .item .txt .brief{font-size: 20px; color: #1a1a1a; font-weight: 300; line-height: 29px;} #doctor-part1 .swi .item .txt .name{ width: 130px; height: 130px; line-height: 130px; font-size: 32px; font-weight: bold; color: #fff; top: -65px; left: 50%; transform: translateX(-50%); border-radius: 50%; background: #174a96; box-shadow: 0 20px 30px rgba(51,87,128,0.15);} #doctor-part1 .swi .btn{width: 60px;height: 60px;top: 50%;transform: translateY(-50%);border-radius: 100%; z-index: 5;} #doctor-part1 .swi .prev{background: url(/images/icon10.png) no-repeat center center #fff;left: 40px;} #doctor-part1 .swi .next{background: url(/images/icon12.png) no-repeat center center #fff;right: 40px;} #doctor-part1 .swi .prev:hover{background-image: url(/images/icon11.png);} #doctor-part1 .swi .next:hover{background-image: url(/images/icon13.png);} #doctor-part2{padding: 104px 0 142px; position: relative;z-index: 2; background: #fff;} #doctor-part2 .title{margin-bottom: 88px; font-size: 40px; color: #1a1a1a; line-height: 57px; font-weight: 500;} #doctor-part2 .list .item{margin-top: 69px; } #doctor-part2 .list .item:first-child{margin-top:0;} #doctor-part2 .list .item:nth-child(2n){flex-direction: row-reverse;} #doctor-part2 .list .item .left{width: 42.857%; border-radius: 30px; overflow: hidden;} #doctor-part2 .list .item .right{width: 42.857%;} #doctor-part2 .list .item .right .name{margin-bottom: 31px; font-size:30px; color: #1a1a1a; font-weight: 500; line-height: 48px;} #doctor-part2 .list .item .right .brief{font-size: 18px; color: #1a1a1a; font-weight: 300; line-height: 31px;} #doctor-part2 .list .item .right .brief span{font-size: 20px; font-weight: 500;} @media screen and (max-width: 750px) { #doctor-part1{padding: 80px 0;} #doctor-part1 .title{margin-bottom: 40px; font-size: 42px; font-weight: bold; line-height: 1.6;} #doctor-part1 .swi .item .txt{padding: 100px 40px 50px;} #doctor-part1 .swi .item .txt .brief{font-size: 30px; line-height: 1.6;} #doctor-part1 .swi .prev{background-image: url(/images/icon11.png);} #doctor-part1 .swi .next{background-image: url(/images/icon13.png);} #doctor-part1 .back{height: 525px;} #doctor-part2 .title{margin-bottom: 40px; font-size: 42px; font-weight: bold; line-height: 1.6;} #doctor-part2 .list .item{flex-direction: column;} #doctor-part2 .list .item:nth-child(2n){flex-direction: column;} #doctor-part2 .list .item .left{width: 100%;} #doctor-part2 .list .item .right{width: 100%;} #doctor-part2 .list .item .right .name{margin-top: 40px;font-size: 36px;line-height: 64px; font-weight: 500;} #doctor-part2 .list .item .right .brief{font-size: 30px;text-align: left;line-height: 52px;} } #internet-part1{padding: 130px 0 100px; position: relative;z-index: 4; background: #fff;} #internet-part1 .left{width: 50%; } #internet-part1 .left .title{margin-bottom: 24px; font-size: 24px; color: #1a1a1a; font-weight: 500; line-height: 58px;} #internet-part1 .left .brief{ font-size: 18px; color: #1a1a1a; font-weight: 300; line-height: 35px;} #internet-part1 .right{top: 0; right: 0; z-index: 5;} #internet-part2{padding: 80px 0 150px; background: url(/images/service-internet-bg.jpg) no-repeat center center/ 100% 100%; position: relative;z-index: 2;} #internet-part2 .box .in{width: 50%;} #internet-part2 .box .in .title{margin-bottom: 38px; font-size: 30px; color: #fff; line-height: 45px;} #internet-part2 .box .in .code{margin-bottom: 38px;} #internet-part2 .box .in .code img{padding: 25px; border-radius: 30px; background: #fff;} #internet-part2 .box .in .p1{font-size: 18px; color: #fff; line-height: 29px; font-weight: 300;} #internet-part2 .box .in .p2{font-size: 20px; color: #fff; line-height: 32px; font-weight: 500;} #internet-part3{padding: 127px 0 132px; position: relative;z-index: 2; background: #fff;} #internet-part3 .box .left{width: 42.857%; border-radius: 30px;} #internet-part3 .box .right{width: 50%;} #internet-part3 .box .right .title{margin-bottom: 24px; font-size: 40px; color: #1a1a1a; font-weight: 500; line-height: 58px; } #internet-part3 .box .right .brief{font-size: 18px; color: #1a1a1a; font-weight: 300; line-height: 35px; } @media screen and (max-width: 750px) { #internet-part1{padding: 80px 0;} #internet-part1 .box{flex-direction: column-reverse; } #internet-part1 .left{width: 100%; margin-top: 40px;} #internet-part1 .left .title{font-size: 36px;line-height: 64px; font-weight: 500;} #internet-part1 .left .brief{font-size: 30px;text-align: left;line-height: 52px; font-weight: 300;} #internet-part1 .right{position: inherit;width: max-content; border-radius: 72px; overflow: hidden; margin: 0 auto;} #internet-part2{padding: 80px 0;} #internet-part2 .box .in{width: 100%;} #internet-part2 .box .in .title{font-size: 36px;line-height: 64px; font-weight: 500;} #internet-part2 .box .in .p1{font-size: 26px; line-height: 1.6;} #internet-part2 .box .in .p2{font-size: 30px; line-height: 1.6;} #internet-part3{padding: 80px 0;} #internet-part3 .box{flex-direction: column;} #internet-part3 .box .left{width: 100%;} #internet-part3 .box .right{width: 100%;} #internet-part3 .box .right .title{margin-top: 40px;font-size: 36px;line-height: 64px; font-weight: 500;} #internet-part3 .box .right .brief{font-size: 30px;text-align: left;line-height: 52px;} } /* 下载 */ #download {padding: 188px 0 72px 0;background: #f5f7fa; position: relative;z-index: 2;} #download .ul .li {margin-top: 40px;padding:50px 50px 30px;background: #fff; border-radius: 30px;} #download .ul .li:first-child{margin-top: 0;} #download .ul .li .content {min-height: 96px;} #download .ul .li .content .box {width:51.5%;} #download .ul .li .content .box .title {margin-bottom: 9px;font-size: 24px;font-weight: 500;line-height: 43px; color: #1a1a1a;} #download .ul .li .content .box .brief {font-size: 16px;color:#999999;line-height: 30px; height: calc(30px * 3); overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} #download .ul .li .content .date {margin-left:80px;font-size: 18px;color:#999999;} #download .ul .li .content .btn {width: 170px;height: 55px;border: 2px solid #000000;border-radius: 25px; } #download .ul .li .content .btn .subText {margin-right:13px;color:#1a1a1a;font-size: 18px;} #download .ul .li .content .btn .icon .i1{display: inline-block;} #download .ul .li .content .btn .icon .i2{display: none;} #download .ul .li:hover {box-shadow: 14px 38px 40px 0px rgba(51, 87, 128, 0.1);} #download .ul .li:hover .content .box .title {color: #174a96} #download .ul .li:hover .content .box .brief {color:#1a1a1a} #download .ul .li:hover .content .btn {background: #2260aa;border-color: #2260aa; color: #fff; } #download .ul .li:hover .content .btn .subText{color: #fff;} #download .ul .li:hover .content .btn .icon .i1{display: none;} #download .ul .li:hover .content .btn .icon .i2{display: inline-block;} #download .more{margin-top: 59px;} #download .more .icon{width: 50px;height: 50px;background: url(/images/icon6.png) no-repeat center;} #download .more .icon:hover{width: 50px;height: 50px;background: url(/images/icon20.png) no-repeat center;} #download .more.isend{opacity: 0;} @media screen and (max-width: 750px) { #download{padding: 80px 0;} #download .ul .li .content {flex-wrap: wrap;justify-content:space-between;} #download .ul .li .content .box {margin-bottom: 20px;width:100%;} #download .ul .li .content .box .title {font-size: 36px;line-height: 64px; font-weight: 500;} #download .ul .li .content .box .brief {font-size: 30px;text-align: left;line-height: 52px; font-weight: 300;height: calc(52px * 3);} #download .ul .li .content .date {margin-right: 20px;margin-left:0px;font-size: 30px;} #download .ul .li .content .btn {background: #2260aa;border-color: #2260aa; color: #fff; } #download .ul .li .content .btn .subText{font-size: 26px; color: #fff;} #download .ul .li .content .btn .icon .i1{display: none;} #download .ul .li .content .btn .icon .i2{display: inline-block;} } /* 合作 */ #coopera-part1{padding: 130px 0 78px; background: #f5f7fa; position: relative;z-index: 2;} #coopera-part1 .title{margin-bottom: 29px; font-size: 40px; color: #1a1a1a; font-weight: 500; line-height: 57px;} #coopera-part1 .brief{width: 77.786%; margin: 0 auto 63px; font-size: 18px; color: #1a1a1a; font-weight: 300; line-height: 37px;} #coopera-part1 .form-box{background: #fff;border-radius: 30px;padding: 67px 90px 80px;} #coopera-part1 .form-box .rows{width: 100%;margin-bottom: 30px;} #coopera-part1 .form-box .rows .t{color: #1a1a1a;font-size: 18px;font-weight: 300; line-height: 37px;} #coopera-part1 .form-box .rows .ipt{width: 100%;height: 50px;line-height: 50px;border-radius: 4px;padding: 0 18px;border: 1px solid #d9d9d9;background: #fff;font-size: 16px;color: #1a1a1a;} #coopera-part1 .form-box .rows .ipt.sel {font-size: 16px; color: #999999; appearance:none; -moz-appearance:none; -webkit-appearance:none; background:url(/images/icon67.png) no-repeat right 19px center;} #coopera-part1 .form-box .rows .ipt:hover{border-color: #2260aa;} #coopera-part1 .form-box .rows textarea{width: 100%;height: 175px;line-height: 28px;border-radius: 4px;padding: 20px 18px;border: 1px solid #d9d9d9;background: #fff;font-size: 16px;color: #1a1a1a;} #coopera-part1 .form-box .rows textarea:hover{border-color: #2260aa;} #coopera-part1 .form-box .area{margin-bottom: 60px;} #coopera-part1 .form-box .fz0 .rows{width: 31.8%;margin-right: 2.3%;} #coopera-part1 .form-box .fz0 .rows:nth-child(3){margin-right: 0;} #coopera-part1 .form-box .sub{width: 146px;height: 55px;line-height: 55px;border: 1px solid #000;border-radius: 28px;color: #1a1a1a;font-size: 18px;font-weight: 500;} #coopera-part1 .form-box .sub:hover{background: #2260aa;color: #fff;border-color: #2260aa;} #coopera-part2{padding: 0 0 120px; background: #f5f7fa; position: relative;z-index: 2;} #coopera-part2 .title{margin-bottom: 52px; font-size: 40px; color: #1a1a1a; font-weight: 500; line-height: 57px;} #coopera-part2 .cont{padding: 78px 6.429% 74px;background: #fff; border-radius: 30px;} #coopera-part2 .cont .li .icon{margin-bottom: 50px;} #coopera-part2 .cont .li .p1{margin-bottom: 6px; font-size: 20px; color: #1a1a1a; font-weight: 500; line-height: 40px;} #coopera-part2 .cont .li .p2{font-size: 18px; color: #1a1a1a; line-height: 29px;} @media screen and (max-width: 1024px) { #coopera-part2 .cont{flex-wrap: wrap; padding: 60px 6.429%;} #coopera-part2 .cont .li{width: 50%; margin-top: 25px;} #coopera-part2 .cont .li:nth-child(-n+2){margin-top: 0;} #coopera-part2 .cont .li .icon, #coopera-part2 .cont .li .p1, #coopera-part2 .cont .li .p2{text-align: center;} } @media screen and (max-width: 750px) { #coopera-part1{padding: 80px 0;} #coopera-part1 .title{font-size: 42px; font-weight: bold; line-height: 1.6;} #coopera-part1 .brief{margin-bottom: 40px; width: 100%;font-size: 30px; line-height: 1.6; text-align: left;} #coopera-part1 .form-box{padding: 60px;} #coopera-part1 .form-box .fz0 .rows{width: 100%; margin-right: 0;} #coopera-part1 .form-box .rows .t{margin-bottom: 10px;} #coopera-part1 .form-box .rows .t, #coopera-part1 .form-box .rows .ipt, #coopera-part1 .form-box .rows .ipt.sel, #coopera-part1 .form-box .rows textarea{font-size: 30px; line-height: 1.6;} #coopera-part1 .form-box .rows .ipt{height: 60px;} #coopera-part1 .form-box .rows textarea{height: 225px;} #coopera-part1 .form-box .sub{font-size: 26px; background: #2260aa;color: #fff;border-color: #2260aa;} #coopera-part2 .cont .li{width: 100%; margin-top: 40px; } #coopera-part2 .cont .li:nth-child(-n+2){margin-top: 40px;} #coopera-part2 .cont .li .icon{margin-bottom: 25px;} #coopera-part2 .cont .li .p1{font-size: 36px; line-height: 1.6;} #coopera-part2 .cont .li .p2{font-size: 30px; line-height: 1.6;} } /* 产品 */ #products{padding: 140px 0 78px; background: #f5f7fa; position: relative;z-index: 2;} #products .rel-pro{margin-bottom: 40px; background: #fff; border-radius: 30px;} #products .rel-pro .left{width: 50%; padding: 0 3.142%;} #products .rel-pro .left .name{margin-bottom: 7px; font-size: 30px; color: #1a1a1a; font-weight: 500; line-height: 48px;} #products .rel-pro .left .brief{margin-bottom: 70px; font-size: 18px; color: #666; font-weight: 300; line-height: 37px; height: calc(37px * 2); overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} #products .rel-pro .left .sub{width: 145px;height: 55px;line-height: 55px;border: 1px solid #000000;border-radius: 25px;color: #fff;font-size: 18px;font-weight: 300; color: #1a1a1a;} #products .rel-pro .left .sub:hover{background: #2260aa;border-color: #2260aa; color: #fff;} #products .rel-pro .right{width: 50%; padding-top: 37.142%;} #products .cont .list .li{width: 48.571%; margin-top: 40px; background:#fff; border-radius: 30px;} #products .cont .list .li:nth-child(-n+2){margin-top: 0;} #products .cont .list .li .left{width: calc(100% - 55.882%); padding: 72px 0 95px 7.35%;} #products .cont .list .li .left .name{font-size: 30px; color: #1a1a1a; font-weight: 500; line-height: 49px;} #products .cont .list .li .left .brief{font-size: 18px; color: #666666; font-weight: 300; line-height: 35px;} #products .cont .list .li .left .sub{margin-top: 73px;width: 145px;height: 55px;line-height: 53px;border: 2px solid #000000;border-radius: 28px;color: #fff;font-size: 18px;font-weight: 300; color: #1a1a1a;} #products .cont .list .li .right{width: 55.882%;} #products .cont .list .li:hover{box-shadow: 14px 38px 40px 0px rgba(51, 87, 128, 0.1);} #products .cont .list .li:hover .left .name{color: #00489d;} #products .cont .list .li:hover .left .brief{color: #1a1a1a;} #products .cont .list .li:hover .left .sub{background: #2260aa;border-color: #2260aa; color: #fff;} #products .more{margin-top: 83px;} #products .more .icon{width: 50px;height: 50px;background: url(/images/icon6.png) no-repeat center;} #products .more .icon:hover{width: 50px;height: 50px;background: url(/images/icon20.png) no-repeat center;} #products .more.isend{opacity: 0;} @media screen and (max-width: 750px) { #products{padding: 80px 0;} #products .rel-pro{flex-direction: column-reverse;} #products .rel-pro .right{width: 100%; padding-top: 80%;} #products .rel-pro .left{width: 100%; padding: 40px;} #products .rel-pro .left .name{font-size: 36px; font-weight: 500; line-height: 1.6; margin-bottom: 15px;} #products .rel-pro .left .brief{font-size: 30px; line-height: 1.6; height: calc(50px * 4);} #products .rel-pro .left .sub{font-size: 26px; background: #2260aa;border-color: #2260aa; color: #fff;} #products .cont .list .li{width: 100%;} #products .cont .list .li:nth-child(-n+2){margin-top: 40px;} #products .cont .list .li:first-child{margin-top: 0;} #products .cont .list .li .left .name{font-size: 36px; color: #00489d; line-height: 1.6; margin-bottom: 15px;} #products .cont .list .li .left .brief{font-size: 30px; color: #00489d;} #products .cont .list .li .left .sub{font-size: 26px; background: #2260aa;border-color: #2260aa; color: #fff;} } /* 产品详情 */ #submenu{width: 100%; background: #fff; transition: all 0.3s;} #submenu.fixed{top: 0; left: 0; z-index: 10;} #submenu .box .pro-name{font-size: 22px; color: #1a1a1a; font-weight: 500; line-height: 70px;} #submenu .box .right{width: 50%; justify-content: flex-end;} #submenu .box .right .item {margin-left: 10.857%; font-size: 16px; color: #999999; line-height: 70px; position: relative;} #submenu .box .right .item:first-child{margin-left: 0; position: inherit;} #submenu .box .right .item::before{content: ""; display: block; width: 1px; height: 18px; background: #cccccc; position: absolute; top: 50%; left: -40px; transform: translateY(-50%);} #submenu .box .right .item:hover, #submenu .box .right .item.cur{color: #1a1a1a;} #pro-pic .info{top: 50%; transform: translateY(-50%);z-index: 2; color: #fff; height: max-content;} #pro-pic .info .name{margin-bottom: 30px; width: 50%; font-size: 60px; font-weight: 500; line-height: 76px;} #pro-pic .info .brief{ width: 50%;font-size: 20px; font-weight: 300; line-height: 35px;} #pro-pic .num{top: inherit;bottom: 55px; z-index: 5; font-size: 16px; color: #fff; font-weight: 300; opacity: 0.7; line-height: 37px; height: max-content;} #detail-part1{padding: 112px 0 140px;} #detail-part1 .title{margin-bottom: 21px; font-size: 40px; color: #000; font-weight: 500; line-height: 57px;} #detail-part1 .detail{font-size: 18px; color: #1a1a1a; font-weight: 300; line-height: 36px;} #detail-part2{padding: 90px 0 136px; background: #f5f7fa;} #detail-part2 .title{margin-bottom: 43px; font-size: 40px; color: #000; font-weight: 500; line-height: 57px;} #detail-part2 .list .li{margin-right: 3.928%; width: 30.714%; background: #fff; border-radius: 30px;} /*#detail-part2 .list .li:nth-child(3n){margin-right: 0;}*/ #detail-part2 .list .li:last-child{margin-right: 0;} #detail-part2 .list .li .txt{padding: 43px 8.6% 32px;} #detail-part2 .list .li .txt .name{margin-bottom: 7px; font-size: 24px; color: #000; font-weight: 500; line-height: 43px;} #detail-part2 .list .li .txt .brief{font-size: 18px; color: #1a1a1a; font-weight: 300; line-height: 31px; min-height: calc(31px * 4);} #detail-part3 .title{margin-top: 83px; font-size: 40px; color: #fff; font-weight: 500; line-height: 57px;} #detail-part3 .text{z-index: 5;} #detail-part3 .text .info-list{left: 0; bottom: -17px; z-index: 6; width: 51.929%; box-shadow: 14px 38px 40px 0px rgba(51, 87, 128, 0.1); border-radius: 30px;} #detail-part3 .text .info-list .container{padding-top: 50px;} #detail-part3 .text .info-list .slide{width: 100%; padding: 93px 16.19% 25px; background: #fff; border-radius: 30px;} #detail-part3 .text .info-list .slide .num{top: -75px; left: 36px; z-index: 2; font-size: 130px; color: #00489d; font-family:din; } #detail-part3 .text .info-list .slide .name{margin-bottom: 22px; font-size: 30px; color: #000; font-weight: 500; line-height: 48px;} #detail-part3 .text .info-list .slide .brief{font-size: 18px; color: #1a1a1a; font-weight: 300; line-height: 27px; height: calc(27px * 6); overflow: auto;} #detail-part3 .text .info-list .btn{width: 28px;height: 20px;top: 60%;transform: translateY(-50%); z-index: 5;} #detail-part3 .text .info-list .prev{background: url(/images/icon69.png) no-repeat center center;left: 35px;} #detail-part3 .text .info-list .next{background: url(/images/icon70.png) no-repeat center center;right: 35px;} #detail-part3 .text .info-list .prev:hover{background-image: url(/images/icon71.png);} #detail-part3 .text .info-list .next:hover{background-image: url(/images/icon68.png);} #detail-part4{padding: 197px 0 126px;background: #f5f7fa;} #detail-part4 .title{margin-bottom: 50px;font-size: 40px; color: #000; font-weight: 500; line-height: 57px;} #detail-part4 .pic-list, #detail-part4 .pic-list .pic{border-radius: 30px;} #detail-part4 .pic-list .btn{width: 60px;height: 60px;top: 50%;transform: translateY(-50%);border-radius: 100%; z-index: 5;} #detail-part4 .pic-list .swiper-pagination{bottom: 49px;} #detail-part4 .pic-list .swiper-pagination .swiper-pagination-bullet{margin: 0 7px;background: #6a6868; opacity: 1;} #detail-part4 .pic-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #00489d;} #detail-part4 .pic-list .prev{background: url(/images/icon10.png) no-repeat center center #fff;left: 40px;} #detail-part4 .pic-list .next{background: url(/images/icon12.png) no-repeat center center #fff;right: 40px;} #detail-part4 .pic-list .prev:hover{background-image: url(/images/icon11.png);} #detail-part4 .pic-list .next:hover{background-image: url(/images/icon13.png);} #detail-part5{padding: 90px 0 136px;} #detail-part5 .title{margin-bottom: 43px; font-size: 40px; color: #000; font-weight: 500; line-height: 57px;} #detail-part5 .list .li{margin-right: 3.928%; width: 30.714%; background: #f5f7fa; border-radius: 30px;} #detail-part5 .list .li:nth-child(3n){margin-right: 0;} #detail-part5 .list .li .txt{padding: 38px 8.6% 72px;} #detail-part5 .list .li .txt .name{margin-bottom: 6px; font-size: 24px; color: #000; font-weight: 500; line-height: 44px;} #detail-part5 .list .li .txt .brief{font-size: 18px; color: #1a1a1a; font-weight: 300; line-height: 31px; height: calc(31px * 3); overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} #detail-part5 .list .li:hover{background: #fff; box-shadow: 14px 38px 40px 0px rgba(51, 87, 128, 0.1);} #detail-part5 .list .li:hover .txt .name{color: #00489d;} #detail-part6{padding: 93px 0 119px; background: #f5f7fa;} #detail-part6 .title{margin-bottom: 22px; font-size: 40px; color: #000; font-weight: 500; line-height: 57px;} #detail-part6 .menu .li{padding: 35px 0 43px; border-bottom: 1px solid #e6e6e6;} #detail-part6 .menu .li .info{width: 90%;} #detail-part6 .menu .li .name{font-size: 20px; color: #1a1a1a; font-weight: 500; line-height: 31px;} #detail-part6 .menu .li .icon{height: 10px;} #detail-part6 .menu .li .el-children{width: 74.714%;} #detail-part6 .menu .li .el-children .el{margin-top: 26px;} #detail-part6 .menu .li .el-children .el:first-child{margin-top: 0;} #detail-part6 .menu .li .el-children .txt{font-size: 18px; line-height: 31px;} #detail-part6 .menu .li .el-children .p1{width: 37.59%; color: #1a1a1a} #detail-part6 .menu .li .el-children .p2{width: calc(100% - 37.59%); color: #999;} #detail-part6 .menu .li.cur .icon{transform: rotate(180deg);} @media screen and (max-width: 1366px) { #detail-part2 .list .li, #detail-part5 .list .li{width: 32%; margin-right: 1.928%;} } @media screen and (max-width: 1200px){ #submenu .box .right .item::before{left: -30px;} #pro-pic .info .name{margin-bottom: 20px; font-size: 50px; line-height: 60px;} #pro-pic .info .brief{font-size: 16px; line-height: 30px;} #pro-pic .num{bottom: 45px; font-size: 14px; line-height: 30px;} #detail-part1{padding: 100px 0;} } @media screen and (max-width: 1024px) { #detail-part3 .text .info-list{bottom: -35px; width: 58.9%;} } @media screen and (max-width: 750px){ #submenu{top: 120px !important;} #submenu .box .pro-name{display: none;} #submenu .box .right{width: 100%; justify-content: center;} #submenu .box .right .item{margin-left: 9.857%; font-size: 26px;} #submenu .box .right .item::before{display: none;} #pro-pic .info .name{width: 100%; font-size: 42px; font-weight: bold; line-height: 1.6;} #pro-pic .info .brief{width: 100%;font-size: 30px; line-height: 1.6;} #pro-pic .num{font-size: 26px; line-height: 1.6;} #detail-part1, #detail-part2, #detail-part4, #detail-part5, #detail-part6{padding: 80px 0;} #detail-part1 .title, #detail-part2 .title, #detail-part3 .title, #detail-part4 .title, #detail-part5 .title, #detail-part6 .title{font-size: 42px; font-weight: 700; line-height: 1.6;} #detail-part1 .detail{font-size: 30px; font-weight: 400; line-height: 1.6;} #detail-part2 .list, #detail-part5 .list{flex-wrap: wrap;} #detail-part2 .list .li, #detail-part5 .list .li{width: 100%; margin-top: 40px; margin-right: 0;} #detail-part2 .list .li:first-child, #detail-part5 .list .li:first-child{margin-top: 0;} #detail-part2 .list .li .pic img, #detail-part5 .list .li .pic img{width: 100%;} #detail-part2 .list .li .txt, #detail-part5 .list .li .txt{padding: 40px 6.6%;} #detail-part2 .list .li .txt .name, #detail-part5 .list .li .txt .name{font-size: 36px; line-height: 1.6;} #detail-part2 .list .li .txt .brief, #detail-part5 .list .li .txt .brief{font-size: 30px; line-height: 1.6; min-height: calc(40px * 4); -webkit-line-clamp: 4;} #detail-part5 .list .li .txt .brief{min-height: auto; height: calc(40px * 5); -webkit-line-clamp: 4;} #detail-part3 .mb-tit{top: 50px; left: 4.5%; z-index: 5; font-size: 42px; font-weight: 700; line-height: 1.6; color: #fff;} #detail-part3 .text{position: inherit; padding: 40px 0 80px;} #detail-part3 .title{display: none;} #detail-part3 .text .info-list{position: inherit; bottom: inherit;width: 100%; box-shadow: inherit;} #detail-part3 .text .info-list .container{padding: 50px 0;} #detail-part3 .text .info-list .slide{padding: 90px 0 0;} #detail-part3 .text .info-list .slide .name{font-size: 36px; line-height: 1.6;} #detail-part3 .text .info-list .slide .brief{font-size: 30px; line-height: 1.6; min-height: calc(40px * 5);} #detail-part3 .text .info-list .slide .num{left: 0;} #detail-part3 .text .info-list .prev, #detail-part3 .text .info-list .next{display: none;} #detail-part3 .swiper-pagination .swiper-pagination-bullet{width: 15px; height: 15px; margin: 0 12px; } #detail-part3 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #00489d;} #detail-part4 .pic-list .prev{background-image: url(/images/icon11.png);} #detail-part4 .pic-list .next{background-image: url(/images/icon13.png);} #detail-part4 .pic-list .swiper-pagination{bottom: 15px;} #detail-part4 .pic-list .swiper-pagination .swiper-pagination-bullet{width: 15px; height: 15px; margin: 0 12px; } #detail-part6 .menu .li .info{flex-direction: column;} #detail-part6 .menu .li .name{font-size: 36px;} #detail-part6 .menu .li .el-children{width: 100%; margin-top: 40px;} #detail-part6 .menu .li .el-children .txt{font-size: 30px; line-height: 40px;} } /* 科研技术 */ #tech-part1{padding: 130px 0 168px; background: #f5f7fa;position: relative;z-index: 2;} #tech-part1 .title{margin-bottom: 29px; font-size: 40px; color: #1a1a1a; font-weight: 500; line-height: 57px;} #tech-part1 .brief{width: 77.786%; margin: 0 auto 59px; font-size: 18px; color: #1a1a1a; font-weight: 300; line-height: 37px;} #tech-part1 .swi{border-radius: 30px; box-shadow: 14px 38px 40px 0px rgba(51, 87, 128, 0.1); background: #fff;} #tech-part1 .swi .li .left{width: 64.286%;} #tech-part1 .swi .li .right{width: 35.714%; padding: 90px 5% 0;} #tech-part1 .swi .li .right .name{margin-bottom: 22px; font-size: 30px; color: #1a1a1a; font-weight: 500; line-height: 39px;} #tech-part1 .swi .li .right .info{ font-size: 18px; color: #1a1a1a; font-weight: 300; line-height: 35px; height: calc(35px * 6); overflow: auto;} #tech-part1 .btn-list{bottom: 83px; } #tech-part1 .btn{width: 60px;height: 60px;border-radius: 100%; z-index: 5;} #tech-part1 .prev{background: url(/images/icon10.png) no-repeat center #fff; margin-right: 20px;} #tech-part1 .next{background: url(/images/icon12.png) no-repeat center #fff;} #tech-part1 .prev:hover{background-image: url(/images/icon11.png);} #tech-part1 .next:hover{background-image: url(/images/icon13.png);} #tech-part2{padding: 120px 0 90px;position: relative;z-index: 2;background: #fff;} #tech-part2 .title{margin-bottom: 29px; font-size: 40px; color: #1a1a1a; font-weight: 500; line-height: 57px;} #tech-part2 .brief{width: 77.786%; margin: 0 auto 78px; font-size: 18px; color: #1a1a1a; font-weight: 300; line-height: 37px;} #tech-part2 .list .li:nth-child(2n){flex-direction: row-reverse;} #tech-part2 .list .li .left{width: 43.929%; padding-top: 144px;} #tech-part2 .list .li .left .name{margin-bottom: 17px; font-size: 30px; color: #1a1a1a; font-weight:500; line-height: 48px;} #tech-part2 .list .li .left .info{font-size: 18px; color: #1a1a1a; font-weight: 300; line-height: 35px;} #tech-part2 .list .li .right{width: 50%;} #tech-part3{padding: 126px 0 66px; background: #f5f7fa; position: relative;z-index: 2;} #tech-part3 .title{margin-bottom: 29px; font-size: 40px; color: #1a1a1a; font-weight: 500; line-height: 57px;} #tech-part3 .brief{width: 77.786%; margin: 0 auto 53px; font-size: 18px; color: #1a1a1a; font-weight: 300; line-height: 37px;} #tech-part3 .btn-list{margin-bottom: 67px;} #tech-part3 .btn-list .attestation{margin-left: 37px; padding: 0 50px;font-size: 18px; color: #000; font-weight: 300; line-height: 55px; background: #fff; border-radius: 25px;} #tech-part3 .btn-list .attestation:first-child{margin-left:0;} #tech-part3 .btn-list .attestation.cur{background: #00489d; color: #fff;} #tech-part3 .swi-list{min-height: 710px;} #tech-part3 .swi-list .swi{display: none !important; } #tech-part3 .swi-list .swi.cur{display: block !important;} #tech-part3 .swi-list .swi .list{width: 86.57%; } #tech-part3 .swi-list .swi .list .item{width: 100%;} #tech-part3 .swi-list .swi .list .back{padding: 0 4%;} #tech-part3 .swi-list .swi .list .pic{margin-bottom: 72px; padding: 39px 0 43px; background: #fff; border-radius: 30px; } #tech-part3 .swi-list .swi .list .info{width: 100%;padding: 0 4%;} #tech-part3 .swi-list .swi .list .info .p1{margin-bottom: 9px; font-size: 20px; color: #000; font-weight: 500; line-height: 36px;} #tech-part3 .swi-list .swi .list .info .p2{font-size: 18px; color: #1a1a1a; font-weight: 300; line-height: 31px;} #tech-part3 .swi-list .swi .btn{width: 60px;height: 60px;top: 40%;transform: translateY(-50%);border-radius: 100%;} #tech-part3 .swi-list .swi .prev{background: url(/images/icon10.png) no-repeat center #fff;left: 0;} #tech-part3 .swi-list .swi .next{background: url(/images/icon12.png) no-repeat center #fff;right: 0;} #tech-part3 .swi-list .swi .prev:hover{background-image: url(/images/icon11.png);} #tech-part3 .swi-list .swi .next:hover{background-image: url(/images/icon13.png);} #tech-part4{padding: 105px 0 143px;position: relative;z-index: 2;background: #fff;} #tech-part4 .title{margin-bottom: 29px; font-size: 40px; color: #1a1a1a; font-weight: 500; line-height: 57px;} #tech-part4 .brief{width: 77.786%; margin: 0 auto 62px; font-size: 18px; color: #1a1a1a; font-weight: 300; line-height: 37px;} #tech-part4 .cont .top .left{width: 38.929%; border: 1px solid #e2e3e6; border-radius: 30px; flex-direction: column;} #tech-part4 .cont .top .left .name{margin-top: 70px; font-size: 18px; color: #1a1a1a; font-weight: 300; line-height: 29px;} #tech-part4 .cont .top .right{width: 59.286%;} #tech-part4 .cont .top .right .li{margin-top: 26px; margin-right: 3.012%; width: 31.325%; height: 193px; border: 1px solid #e2e3e6; border-radius: 30px;} #tech-part4 .cont .top .right .li:nth-child(3n){margin-right: 0;} #tech-part4 .cont .top .right .li:nth-child(-n+3){margin-top: 0;} #tech-part4 .cont .bot .li{margin-top: 26px; margin-right: 2.012%; width: 18.38%; height: 193px; border: 1px solid #e2e3e6; border-radius: 30px;} #tech-part4 .cont .bot .li:nth-child(5n){margin-right: 0; } @media screen and (max-width: 1366px) { #tech-part1 .brief, #tech-part2 .brief, #tech-part3 .brief, #tech-part4 .brief{width: 83.786%;} #tech-part1 .swi .li .right{padding: 45px 4% 0;} } @media screen and (max-width: 1280px){ #tech-part1 .btn-list{bottom: 45px;} #tech-part4 .cont .top .left .name{margin-top: 50px;} #tech-part4 .cont .top .right .li, #tech-part4 .cont .bot .li{height: 160px;} } @media screen and (max-width: 1024px){ #tech-part1 .swi .li .right .info{height: calc(35px * 3);} #tech-part2 .list .li .left{padding-top: 90px;} } @media screen and (max-width: 750px){ #tech-part1, #tech-part2, #tech-part4{padding: 80px 0;} #tech-part1 .title, #tech-part2 .title, #tech-part3 .title, #tech-part4 .title{font-size: 42px; font-weight: 700; line-height: 1.6;} #tech-part1 .brief, #tech-part2 .brief, #tech-part3 .brief, #tech-part4 .brief{width: 100%; /*text-align: justify;*/ text-align: left; font-size: 36px; line-height: 1.6;} #tech-part1 .swi .li{flex-direction: column;} #tech-part1 .swi .li .left{width: 100%;} #tech-part1 .swi .li .right{width: 100%; padding: 40px 5% 120px;} #tech-part1 .swi .li .right .name{font-size: 36px; font-weight: 500; line-height: 1.6;} #tech-part1 .swi .li .right .info{font-size: 30px; line-height: 1.6; height: auto;} #tech-part1 .prev{background-image: url(/images/icon11.png);} #tech-part1 .next{background-image: url(/images/icon13.png);} #tech-part2 .list .li{flex-direction: column-reverse; margin-top: 40px;} #tech-part2 .list .li:first-child{margin-top: 0;} #tech-part2 .list .li:nth-child(2n){flex-direction: column-reverse;} #tech-part2 .list .li .left{width: 100%; padding-top: 45px;;} #tech-part2 .list .li .right{width: 100%;} #tech-part2 .list .li .left .name{font-size: 36px; font-weight: 500; line-height: 1.6;} #tech-part2 .list .li .left .info{font-size: 30px; line-height: 1.6;} #tech-part3{padding: 80px 0 0;} #tech-part3 .swi-list .swi .prev{background-image: url(/images/icon11.png);} #tech-part3 .swi-list .swi .next{background-image: url(/images/icon13.png);} #tech-part3 .btn-list .attestation{font-size: 30px; line-height: 75px; border-radius: 40px;} #tech-part3 .swi-list{padding-bottom: 130px;} #tech-part3 .swi-list .swi .list{width: 100%;} #tech-part3 .swi-list .swi .list .back{padding: 0;} #tech-part3 .swi-list .swi .list .info{padding: 0;} #tech-part3 .swi-list .swi .list .info .p1{font-size: 35px; line-height: 1.6;} #tech-part3 .swi-list .swi .list .info .p2{font-size: 26px; line-height: 1.6;} #tech-part3 .swi-list .swi .btn{top: inherit; bottom: -120px;} #tech-part3 .swi-list .swi .prev{left: 35%;} #tech-part3 .swi-list .swi .next{right: 35%;} #tech-part4 .cont .top {flex-direction: column;} #tech-part4 .cont .top .left{width: 100%; padding: 40px 0;} #tech-part4 .cont .top .left .name{font-size: 30px;} #tech-part4 .cont .top .right{width: 100%;} #tech-part4 .cont .top .right .li{width: 48%; margin-top: 40px;} #tech-part4 .cont .top .right .li img{width: 90%;} #tech-part4 .cont .top .right .li:nth-child(3n){margin-right: 2.012%;} #tech-part4 .cont .top .right .li:nth-child(-n+3){margin-top: 40px;} #tech-part4 .cont .top .right .li:nth-child(2n){margin-right: 0;} #tech-part4 .cont .bot .li{margin-top: 40px; width: 48%;} #tech-part4 .cont .bot .li:nth-child(5n){margin-right: 2.012%; } #tech-part4 .cont .bot .li:nth-child(2n){margin-right: 0; } #tech-part4 .cont .bot .li img{width: 90%;} } /*首页*/ #index{position: relative;z-index: 2;background: #fff;} #index .one{padding: 180px 0 260px;background: url(/images/index-bg1.jpg) no-repeat center / cover;} #index .one .title{font-size: 56px;color: #000;font-weight: 500;} #index .one .brief{font-size: 24px;color: #1a1a1a;font-weight: 200;line-height: 1.667;margin-top: 5px;} #index .one .content{margin-top: 50px;} #index .one .content .li{width: 30%;margin-right: 5%;border-radius: 30px;background: #fff;overflow: hidden;} #index .one .content .li:nth-child(3n){margin-right: 0;} #index .one .content .li .pic{width: 100%;padding-top: 47.619%;} #index .one .content .li .tit{font-size: 24px;color: #1a1a1a;padding: 20px;} #index .one .content .li:hover .tit{color: #00489d;} #index .two{width: 100%;height: 950px;} #index .two .item{width: 33.333%;overflow: hidden;height: 100%;} #index .two .item .pic{width: 100%;/*padding-top: 148.669%;*/height: 100%;} #index .two .item .text-box{left: 0;right: 0;top: 90px;margin: auto;padding: 0 20px;color: #fff;z-index: 2;} #index .two .item .text-box .txt1{font-size: 32px;font-weight: 500;} #index .two .item .text-box .txt2{font-size: 18px;font-weight: 300;margin: 12px 0 30px;height: 30px;line-height: 30px;overflow: hidden;} #index .two .item .text-box .more{font-size: 16px;font-weight: 300;padding-right: 18px;background: url(/images/more-icon.png) no-repeat right;margin-bottom: 80px;display: inline-block;} /*#index .two .btn{width: 150px;height: 55px;line-height: 53px;border-radius: 28px;border: 1px solid #fff;opacity: .4;font-size: 18px;color: #fff;font-weight: 300;left: 0;right: 0;bottom: 90px;margin: auto;z-index: 5;text-align: center;} #index .two .btn:hover{opacity: .8;}*/ #index .two .pc-list-in:hover .item{width: 15.625%;display: flex;align-items: center;} #index .two .pc-list-in:hover .item::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;z-index: 5;background: rgba(0,0,0,.6);} /*#index .two:hover .item .pic{padding-top: 316.667%;}*/ #index .two .pc-list-in:hover .item .text-box{/*display: none;*/opacity: 0;} #index .two .pc-list-in .item:hover{width: 68.75%;} #index .two .pc-list-in .item:hover::after{display: none;} #index .two .pc-list-in .item:hover .pic{width: 50%;/*padding-top: 71.969%;*/} #index .two .pc-list-in .item:hover .text-box{width: 50%;position: static;text-align: left;padding: 0 20px 0 135px;/*display: block;*/opacity: 1;} #index .two .pc-list-in .item:hover .text-box .txt2{height: auto;} #index .three{padding-top: 80px;background: #f5f7fa;} #index .three .title1{font-size: 72px;color: #1a1a1a;font-weight: 500;font-family: din;} #index .three .title2{font-size: 24px;color: #1a1a1a;font-weight: 300;margin-top: 5px;} #index .three .content{margin-top: 85px;} #index .three .content .left{width: 50%;padding-right: 140px;padding-bottom: 60px;} #index .three .content .left .main{height: 640px;} #index .three .content .left .main::before{content: '';position: absolute;width: 100%;height: 200px;left: 2px;top: 0;background-image: linear-gradient(rgba(245,247,250,1),rgba(245,247,250,.3));z-index: 5;} #index .three .content .left .main .bg{position: absolute;width: 100%;height: 200px;left: 2px;bottom: 0;background-image: linear-gradient(rgba(245,247,250,.3),rgba(245,247,250,1));z-index: 5;} #index .three .content .left .main .li{padding-left: 72px;border-left: 2px solid #e6e6e6;display: flex;flex-direction: column;justify-content: center;} #index .three .content .left .main .li .tit{font-size: 32px;color: #1a1a1a;font-weight: 500;} #index .three .content .left .main .li .icon{width: 20px;height: 15px;background: url(/images/icon26.png) no-repeat center;display: none;margin-left: 18px;} #index .three .content .left .main .li .brief{font-size: 18px;color: #1a1a1a;font-weight: 300;line-height: 1.778;max-height: 96px;} #index .three .content .left .main .li.swiper-slide-active{border-color: #00489d;} #index .three .content .left .main .li.swiper-slide-active .tit{color: #00489d;} #index .three .content .left .main .li.swiper-slide-active .icon{display: inline-block;} #index .three .content .left .btn{min-width: 150px;height: 55px;line-height: 55px;text-align: center;padding: 0 20px;margin-top: 50px;border-radius: 28px;font-size: 18px;color: #000;font-weight: 300;margin-left: 75px;} #index .three .content .left .btn:hover{background: #00489d;color: #fff;} #index .three .content .right{width: 50%;position: relative;} #index .three .content .right::after{content: '';position: absolute;width: 100%;height: 200px;left: 2px;bottom: 0;background-image: linear-gradient(rgba(245,247,250,0),rgba(245,247,250,1));z-index: 5;} #index .three .content .right .pic{padding-top: 114.285%;} #index .three .mb-content{display: none;} #index .four{ height: 26.0417vw; background: #f5f7fa;} #index .four .img{ width: 100%; border-radius: 30px; text-align: center; overflow: hidden;} #index .four .img img{ max-width: 100%; max-height: 100%;} #index .four .img video{ width: 100%; overflow: hidden;} #index .four .img .icon{ top: 50%; left: 50%; width: 46px; height: 50px; transform: translate(-50%, -50%);} #index .four .img .btn{width: 150px;height: 55px;line-height: 53px;border-radius: 28px;border: 1px solid #fff;opacity: .4;font-size: 18px;color: #fff;font-weight: 300;left: 0;right: 0;bottom: 90px;margin: auto;z-index: 5;} #index .four .img .btn:hover{opacity: .8;} #index .five{padding: 36vw 0 170px;} #index .five .content{} #index .five .content .left{width: 50%;padding-right: 120px;padding-top: 120px;} #index .five .content .left .title1{font-size: 64px;color: #1a1a1a;font-weight: 500;font-family: din;} #index .five .content .left .title2{font-size: 24px;color: #1a1a1a;font-weight: 300;margin: 5px 0 30px;} #index .five .content .left .brief{font-size: 18px;color: #1a1a1a;line-height: 2;font-weight: 300;} #index .five .content .left .btn{min-width: 150px;height: 55px;line-height: 55px;text-align: center;padding: 0 20px;margin-top: 110px;border-radius: 28px;font-size: 18px;color: #000;font-weight: 300;} #index .five .content .left .btn:hover{background: #00489d;color: #fff;} #index .five .content .right{width: 48.571%;padding-top: 60%;} #index .five .content .right .pic1{z-index: 1;left: 0;top: 0;width: 62.5%;padding-top: 66.911%;} #index .five .content .right .pic2{z-index: 2;right: 0;bottom: 0;width: 70.735%;padding-top: 102.941%;} #index .six{position: relative;z-index: 2;background: #fff;} #index .six .top{top: 12.11%; left: 13.542%; z-index: 2;} #index .six .top .p1{margin-bottom: 24px; font-size: 72px; color: #fff; font-family:din; line-height: 57px;} #index .six .top .p2{font-size: 24px; color: #fff; font-weight: 300; } #index .six .big-pic{} #index .six .big-pic .item .pic::before{content: ""; display: block; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 60%, rgba(0,0,0,0.6)); position: absolute; top: 0; left: 0; z-index: 2; background-image:linear-gradient( rgba(0,0,0,.3) 0%, rgba(0,0,0,.3) 62%,rgba(0,0,0,.7) 100%)} #index .six .big-pic .item .info{width: 20.833%; bottom: 10.842%; left: 13.542%; z-index: 3; color: #fff;} #index .six .big-pic .item .info .p1{margin-bottom: 13px; font-size: 36px; font-weight: 500; line-height: 46px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} #index .six .big-pic .item .info .p2{font-size: 18px; font-weight:300; line-height: 29px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;} #index .six .bot{bottom: 10.842%; right: 0; z-index: 3; width: 46.356%; } #index .six .bot .small-pic{width: 92%;} #index .six .bot .item{border-radius: 10px;} #index .six .bot .item::before{content:"";display: block;width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0; z-index: 2; } #index .six .bot .item .name{left: 0; bottom: 9px; padding: 0 16px; font-size: 16px; color: #fff; font-weight: 300; line-height: 27px; z-index: 3;} #index .six .bot .item.swiper-slide-active::before, #index .six .bot .item.swiper-slide-active .name{display: none;} #index .six .bot .next{width: 19.7%; } #index .six .bot .next .txt{margin-right: 14px; font-size: 18px; color: #fff; font-weight: 300; font-family:din; line-height: 30px;} #index .six .page-btn{display: none;} @media screen and (max-width: 1680px) { #index .six .top{left: 7.542%;} #index .six .big-pic .item .info{left: 7.542%;} #index .six .bot{width: 55.356%;} } @media screen and (max-width: 1440px) { #index .six .big-pic .item .info{width: 24.8%;} } @media screen and (max-width: 1366px) { #index .six .big-pic .item .info{width: 28.8%;} } @media screen and (max-width: 1024px){ #index .six .big-pic .item .info{width: 84%;} #index .six .bot{width: 15%;} #index .six .bot .next{width: 100%;} #index .six .bot .small-pic{display: none;} } @media screen and (max-width: 750px) { #index .six {padding-bottom: 30px;} #index .six .top{left: 3.542%;} #index .six .top .p1{margin: 0; font-size: 56px; font-weight: 700; line-height: 1.6;} #index .six .top .p2{font-size: 30px; line-height: 1.6;} #index .six .bot{width: 19%; display: none;} #index .six .big-pic .item .info{width: 74%;left: 3.542%;} #index .six .big-pic .item .info .p2{font-size: 26px;} /* #index .six .bot .next .txt{font-size: 26px;} */ #index .six .page-btn{display: block; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 2;} #index .six .page-btn .swiper-pagination-bullet{width: 15px; height: 15px; margin: 0 5px; background: rgba(0,0,0,0.1); opacity: 1;} #index .six .page-btn .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #00489d;} } #index .seven{padding: 100px 0 165px; position: relative;z-index: 2;background: #fff;} #index .seven .top .left .p1{margin-bottom: 24px; font-size: 72px; color: #1a1a1a; font-family:din; line-height: 57px;} #index .seven .top .left .p2{font-size: 24px; color: #1a1a1a;/* font-weight: 300;*/} #index .seven .box{width: 100%;} /*#index .seven .box li .pic{margin-top: 76px; width: 290px; height: 90px; filter: grayscale(100%); opacity: 0.5;}*/ #index .seven .box li .pic{margin-top: 76px; width: 290px; height: 90px;} #index .seven .box li .pic:hover{filter: grayscale(0); opacity: 1;} @media screen and (max-width: 750px) { #index .seven{padding: 80px 0;} #index .seven .top .left .p1{margin: 0; font-size: 56px; font-weight: 700; line-height: 1.6;} #index .seven .top .left .p2{font-size: 30px; line-height: 1.6;} #index .seven .box li .pic{margin-top: 40px;} } #index .eight{padding: 100px 0 0; /*background: url(/images/index-back.jpg) repeat 100% 100% #142A4D;*/ background: linear-gradient(to bottom, #f5f8fa 0%, #f5f8fa 92%, #142a4e 92%, #142a4e 100%); position: relative;z-index: 2;} #index .eight .top{margin-bottom: 110px; align-items: end;} #index .eight .top .left{} #index .eight .top .left .p1{margin-bottom: 24px; font-size: 72px; color: #1a1a1a; font-family:din; line-height: 57px;} #index .eight .top .left .p2{font-size: 24px; color: #1a1a1a;/* font-weight: 300;*/} #index .eight .top .right .btn{width: 60px;height: 60px;border-radius: 100%;} #index .eight .top .right .prev{background: url(/images/icon10.png) no-repeat center #fff;} #index .eight .top .right .next{background: url(/images/icon12.png) no-repeat center #fff; margin-left: 20px;} #index .eight .top .right .prev:hover{background-image: url(/images/icon11.png);} #index .eight .top .right .next:hover{background-image: url(/images/icon13.png);} #index .eight .swi {background: #fff; border-radius: 30px;} #index .eight .swi .item{padding: 77px 3.6% 80px; border-left: 1px solid #ededed;} #index .eight .swi .item:first-child{border-left: 0;} #index .eight .swi .item .cate{margin-bottom: 34px; padding: 0 14px; line-height: 30px; border: 1px solid #cccccc; border-radius: 30px; font-size: 14px; color: #999; font-weight: 300; } #index .eight .swi .item .name{margin-bottom: 21px;font-size: 24px; color: #1a1a1a; font-weight: 300; line-height: 35px; height: calc(35px * 2); overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} #index .eight .swi .item .brief{margin-bottom: 53px; font-size: 16px; color: #666; font-weight: 300; line-height: 29px; height: calc(29px * 2); overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} #index .eight .swi .item .time{font-size: 16px; color: #666; font-weight: 300; line-height: 26px;} #index .eight .swi .item .front{width: 100%; height: 100%; bottom: -200%; left: 0; background: #fff;} #index .eight .swi .item .front .more{padding-top: 26px; background: #fff;} #index .eight .swi .item .front .sub{ width: 146px;height: 55px;line-height: 55px;border: 2px solid #2260aa;border-radius: 28px;color: #fff;font-size: 18px;font-weight: 500;background: #2260aa;} #index .eight .swi .item:hover .front{bottom: 0;} @media screen and (max-width: 1024px) { #index .eight{padding: 80px 0 0;} #index .eight .top{margin-bottom: 45px;} #index .eight .swi .item{padding: 45px 6.6% ;} #index .eight .swi .item .brief{margin-bottom: 25px;} } @media screen and (max-width: 750px) { #index .eight .top .left .p1{margin: 0; font-size: 56px; font-weight: 700; line-height: 1.6;} #index .eight .top .left .p2{font-size: 30px; line-height: 1.6;} #index .eight .top .right .prev{background-image: url(/images/icon11.png);} #index .eight .top .right .next{background-image: url(/images/icon13.png);} #index .eight .swi .item .cate{font-size: 26px; line-height: 60px; padding: 0 25px;} #index .eight .swi .item .name{font-size: 36px; line-height: 1.6; height: calc(56px * 2);} #index .eight .swi .item .brief{font-size: 26px; line-height: 1.6; height: calc( 45px * 2);} #index .eight .swi .item .time{font-size: 26px; line-height: 1.6;} } #index .two .pc-list, #index .two .pc-list-in{height: 100%;} #index .two .pc-list .btn{ bottom: 60px; left: 50%; z-index: 10; transform: translateX(-50%); width: 140px; height: 45px; line-height: 41px; border: 2px solid #fff; font-size: 16px; color: #fff; opacity: .5; border-radius: 23px;} #index .two .mb-list{display: none;} @media screen and (max-width: 1280px) { #index .two .item:hover .text-box{padding-left: 70px;} } @media screen and (max-width:1200px) { #index .three .content .left{padding-right: 70px;} } @media screen and (max-width: 1024px) { #i-banner .container{margin-top: 120px;} #o-banner .back{margin-top: 120px;} #index .one{padding: 100px 0;} #index .one .content{flex-wrap: wrap;} #index .one .content .li{width: 100%; margin-right: 0; margin-top: 40px;} #index .one .content .li:first-child{margin-top: 0;} #index .two{height: 1200px;} #index .two .pc-list{display: none;} #index .two .mb-list{display: block; height: 100%;} #index .two .mb-list .li{height: 33.3%; padding: 0 15%;} #index .two .mb-list .li .left {color: #fff; padding-top: 150px;} #index .two .mb-list .li .left .txt1{font-size: 32px;font-weight: 500;} #index .two .mb-list .li .left .txt2{font-size: 18px; font-weight: 300; margin: 12px 0 30px; height: 30px;line-height: 30px;overflow: hidden;} #index .three{padding: 80px 0;} #index .three .content{display: none;} #index .three .mb-content{margin-top: 40px; padding-bottom: 80px; display: block; } #index .three .mb-content .container{border-radius: 30px;} #index .three .mb-content .pic{padding-top: 18px; background: #958b93;} #index .three .mb-content .text{background: #fff; padding: 26px 6.82%;} #index .three .mb-content .text .name{margin-bottom: 6px;font-size: 24px; color: #1a1a1a; font-weight: 500; line-height: 35px; } #index .three .mb-content .text .brief{font-size: 18px; color: #666; font-weight: 300; line-height: 28px; height: calc(28px * 2);} #index .three .mb-content:hover .text .name{color: #174a96;} #index .three .mb-content .page-bot{bottom: 0; left: 50%; transform: translateX(-50%);} #index .three .mb-content .page-bot .swiper-pagination-bullet{width: 15px; height: 15px; margin: 0 12px; } #index .three .mb-content .page-bot .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #00489d;} } @media screen and (max-width: 750px) { #index .one .title{font-size: 56px; font-weight: 700; line-height: 1.6;} #index .one .brief{font-size: 30px; line-height: 1.6;} #index .one .content .li .tit{font-size: 30px;} #index .two .mb-list .li{padding: 0 4%;} #index .two .mb-list .li .left{width: 49%;padding-top: 90px;} #index .two .mb-list .li .right{width: 47%;} #index .two .mb-list .li .left .txt1{font-size: 36px; line-height: 1.6;} #index .two .mb-list .li .left .txt2{font-size: 30px; line-height: 1.6; height: calc(46px * 2); overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} #index .two .mb-list .li .left .more{font-size: 26px; line-height: 1.6;} #index .three .title1{font-size: 56px; font-weight: 700; line-height: 1.6;} #index .three .title2{font-size: 30px; line-height: 1.6;} #index .three .mb-content .text .name{font-size: 36px; line-height: 1.6;} #index .three .mb-content .text .brief{font-size: 26px; line-height: 1.6; height: calc( 46px * 2 );} #index .four{height: 420px;} #index .four .img .btn{opacity: 0.8; font-size: 26px; bottom: 65px;} #index .five{padding: 80px 0;} #index .five .content{flex-direction: column;} #index .five .content .left{width: 100%; padding: 0;} #index .five .content .left .title1{font-size: 56px; font-weight: 700; line-height: 1.6;} #index .five .content .left .title2{font-size: 30px; line-height: 1.6;} #index .five .content .left .brief{font-size: 30px; line-height: 1.6;} #index .five .content .left .btn{margin-top: 40px; font-size: 26px; background: #00489d; color: #fff;} #index .five .content .right{width: 100%; margin-top: 40px; padding-top: 95px; height: 850px;} #index .five .content .right .pic2{width: 77.735%; padding-top: 100%;} #index .five .content .right .pic2 img{width: 100%; height: 100%;} } /*关于速眠-新闻公益-活动预告*/ #activity{padding: 140px 0 66px;background: #f5f7fa;position: relative;z-index: 2;} #activity .top{border-radius: 30px;background: #fff;} #activity .top .left{width: 50%;} #activity .top .right{width: 50%;padding: 20px 85px 20px 65px;} #activity .top .right .time{font-size: 20px;color: #00489d;font-family: din;font-weight: 700;margin-top: -30px;} #activity .top .right .title{font-size: 36px;color: #1a1a1a;font-weight: 500;line-height: 1.333;max-height: 96px;margin: 25px 0 16px;} #activity .top .right .brief{font-size: 18px;color: #666;font-weight: 300;line-height: 1.778;max-height: 64px;} #activity .top .right .btn{min-width: 150px;height: 55px;line-height: 53px;border-radius: 28px;border: 1px solid #000;padding: 0 20px;font-size: 18px;color: #1a1a1a;font-weight: 300;text-align: center;margin-top: 50px;} #activity .top .right .btn:hover{background: #00489d;border-color: #00489d;color: #fff;} #activity .bot{margin-top: 40px;} #activity .bot .li{width: 31.428%;margin: 0 2.858% 34px 0;border-radius: 30px;background: #fff;} #activity .bot .li:nth-child(3n){margin-right: 0;} #activity .bot .li .pic{width: 100%;padding-top: 75%;} #activity .bot .li .msg{padding: 25px 30px 45px;} #activity .bot .li .msg .time{font-size: 20px;color: #00489d;font-weight: 700;font-family: din;} #activity .bot .li .msg .tit{font-size: 20px;color: #1a1a1a;font-weight: 300;line-height: 1.6;height: 64px;margin-top: 15px;} #activity .bot .li .msg .btn{min-width: 150px;height: 55px;line-height: 53px;border-radius: 28px;border: 1px solid #000;padding: 0 20px;font-size: 18px;color: #1a1a1a;font-weight: 300;text-align: center;margin-top: 30px;} #activity .bot .li:hover{box-shadow: 14px 38px 40px 0px rgba(51,87,128,0.1);} #activity .bot .li:hover .msg .tit{color: #00489d;} #activity .bot .li .msg .btn:hover{background: #00489d;border-color: #00489d;color: #fff;} #activity .more{margin-top: 27px;} #activity .more .icon{width: 50px;height: 50px;background: url(/images/icon6.png) no-repeat center;} #activity .more .icon:hover{width: 50px;height: 50px;background: url(/images/icon20.png) no-repeat center;} #activity .more.isend{ opacity: 0;} /*关于速眠-新闻公益-活动预告 弹窗*/ #float_activity.cur{background: rgba(0,0,0,.6);} #float_activity .activity{width: 450px;height: 550px;border-radius: 30px;background: #fff;padding: 45px 80px 50px;margin: 0 auto;} #float_activity .activity .close{right: 20px;top: 20px;width: 24px;height: 24px;background: url(/images/icon19.png) no-repeat center center;} #float_activity .activity .close:hover{transform: rotate(-180deg);} #float_activity .activity .title{font-size: 36px;color: #1a1a1a;font-weight: 500;text-align: center;} #float_activity .activity .qrcode{width: 240px;height: 240px;margin: 60px auto 70px;} #float_activity .activity .txt{font-size: 18px;color: #333;font-weight: 300;text-align: center;} /*关于速眠-新闻公益-新闻中心*/ #news{padding: 200px 0 84px;background: #f5f7fa;position: relative;z-index: 2;} #news .top{border-radius: 30px;overflow: hidden;} #news .top .li{border-radius: 30px;background: #fff;} #news .top .li .left{width: 50%;} #news .top .li .right{width: 50%;padding: 80px 90px 20px 70px;} #news .top .li .right .time{font-size: 20px;color: #00489d;font-family: din;font-weight: 700;} #news .top .li .right .title{font-size: 36px;color: #1a1a1a;font-weight: 500;line-height: 1.333;max-height: 96px;margin: 25px 0 16px;} #news .top .li .right .brief{font-size: 18px;color: #666;font-weight: 300;line-height: 1.778;max-height: 64px;} #news .top .btn-box{left: 55%;bottom: 100px;z-index: 2;} #news .top .btn-box .btn{width: 60px;height: 60px;border-radius: 100%;} #news .top .btn-box .prev{background: url(/images/icon10.png) no-repeat center;margin-right: 20px;} #news .top .btn-box .next{background: url(/images/icon12.png) no-repeat center;} #news .top .btn-box .prev:hover{background-image: url(/images/icon11.png);} #news .top .btn-box .next:hover{background-image: url(/images/icon13.png);} #news .bot{margin-top: 40px;} #news .bot .li{width: 31.428%;margin: 0 2.858% 34px 0;border-radius: 30px;background: #fff;} #news .bot .li:nth-child(3n){margin-right: 0;} #news .bot .li .pic{width: 100%;padding-top: 75%;} #news .bot .li .msg{padding: 25px 30px 45px;} #news .bot .li .msg .time{font-size: 20px;color: #00489d;font-weight: 700;font-family: din;} #news .bot .li .msg .tit{font-size: 20px;color: #1a1a1a;font-weight: 300;line-height: 1.6;height: 64px;margin-top: 15px;} #news .bot .li:hover{box-shadow: 14px 38px 40px 0px rgba(51,87,128,0.1);} #news .bot .li:hover .msg .tit{color: #00489d;} #news .more{margin-top: 27px;} #news .more .icon{width: 50px;height: 50px;background: url(/images/icon6.png) no-repeat center;} #news .more .icon:hover{width: 50px;height: 50px;background: url(/images/icon20.png) no-repeat center;} #news .more.isend{ opacity: 0;} /*面包屑*/ #crumbs{width: 100%;padding: 25px 0;box-shadow: 2px 5px 20px 0px rgba(51, 87, 128, 0.05);} #crumbs .crumbs a{font-size: 16px;color: #666;font-weight: 200;} #crumbs .crumbs span{font-size: 16px;color: #666;font-weight: 200;margin: 0 10px;} #crumbs .crumbs a:last-child{color: #1a1a1a;} #crumbs .crumbs a[href]:hover{color: #00489d;} #crumbs .back{padding-right: 30px;background: url(/images/icon13.png) no-repeat right;font-size: 16px;color: #666;font-weight: 500;} #crumbs .back:hover{color: #00489d;background-image: url(/images/icon26.png);} /*新闻详情*/ #news-detail{padding-top: 120px;} /*#news-detail .top{padding: 0 150px;}*/ #news-detail .top .title{font-size: 42px;color: #1a1a1a;font-weight: 500;text-align: center;} #news-detail .top .time{font-size: 18px;color: #666;font-family: 'Roboto Regular';text-align: center;margin-top: 25px;} #news-detail .top .content{border-bottom: 1px solid #e6e6e6;padding-bottom: 70px;margin-top: 70px;} /*#news-detail .top .content *{ line-height: 36px; font-size: 18px;}*/ #news-detail .top .content *{/* line-height: 0; font-size: 0;*/} /*#news-detail .top .content img{ line-height: 0; font-size: 0;}*/ #news-detail .top .share-box{margin-top: 60px;padding-bottom: 75px;} #news-detail .top .share-box .tit{font-size: 18px;color: #1a1a1a;text-align: center;} #news-detail .top .share-box .cont{margin-top: 20px;} #news-detail .top .share-box .cont .share{width: 50px;height: 50px;border-radius: 100%;margin: 0 10px;} #news-detail .top .share-box .cont .share1{background: url(/images/icon23.png) no-repeat center #f5f7fa;} #news-detail .top .share-box .cont .share2{background: url(/images/icon24.png) no-repeat center #f5f7fa;} #news-detail .top .share-box .cont .share3{background: url(/images/icon25.png) no-repeat center #f5f7fa;} #news-detail .top .share-box .cont .share1:hover{background: url(/images/icon7.png) no-repeat center #00489d;} #news-detail .top .share-box .cont .share2:hover{background: url(/images/icon8.png) no-repeat center #00489d;} #news-detail .top .share-box .cont .share3:hover{background: url(/images/icon9.png) no-repeat center #00489d;} #news-detail .bot{padding: 48px 0;background: #f5f7fa;} #news-detail .bot .page-box{} #news-detail .bot .page-box .page{width: 50%;} #news-detail .bot .page-box .page:first-child{border-right: 1px solid #dcdee0;padding: 0 100px 0 150px;} #news-detail .bot .page-box .page:last-child{padding: 0 140px 0 110px;} #news-detail .bot .page-box .page .tit1{font-size: 18px;color: #999;font-weight: 500;} #news-detail .bot .page-box .page .tit2{font-size: 20px;color: #1a1a1a;font-weight: 300;line-height: 1.5;height: 60px;margin-top: 20px;} #news-detail .bot .page-box .page:hover .tit1{color: #1a1a1a;} #news-detail .bot .page-box .page:hover .tit2{color: #00489d;} @media (max-width: 750px) { #news-detail .top .content *{line-height: 1.8;} } /*行业解决方案*/ #solution{padding-top: 140px;background: #f5f7fa;position: relative;z-index: 2;} #solution .title{font-size: 40px;color: #1a1a1a;font-weight: 500;} #solution .msg{font-size: 18px;color: #1a1a1a;font-weight: 300;line-height: 2;padding-right: 300px;} #solution .content{margin-top: 90px;} #solution .content .li{margin-bottom: 245px;display: flex;} #solution .content .li .pic{width: 78.571%;padding-top: 35.715%;border-radius: 30px;} #solution .content .li .text{width: 42.857%;border-radius: 30px;overflow: hidden;bottom: -95px;right: 0;z-index: 2;background: #fff;padding: 55px 70px 70px;} #solution .content .li .text .tit{font-size: 30px;color: #1a1a1a;font-weight: 500;} #solution .content .li .text .brief{font-size: 18px;color: #666;font-weight: 300;line-height: 2;height: 72px;margin: 5px 0 36px;} #solution .content .li .text .detail{min-width: 145px;height: 55px;line-height: 53px;padding: 0 20px;font-size: 18px;color: #1a1a1a;text-align: center;border-radius: 28px;border: 1px solid #000;} #solution .content .li .text:hover .tit{color: #00489d;} #solution .content .li .text:hover .detail{background: #00489d;border-color: #00489d;color: #fff;} #solution .content .li:nth-child(2n){flex-direction: row-reverse;} #solution .content .li:nth-child(2n) .text{right: auto;left: 0;} /*行业解决方案-智慧医院-医院详情*/ #solu-detail0{position: relative;z-index: 2;background: #fff;} #solu-detail0 .box{width: 100%;left: 0;top: 50%;transform: translateY(-50%);z-index: 2;} #solu-detail0 .box .title{font-size: 48px;color: #1a1a1a;font-weight: 500;} #solu-detail0 .box .brief{font-size: 18px;color: #1a1a1a;font-weight: 300;line-height: 2;margin-top: 20px;} #solu-detail1{padding: 120px 0 105px;background: #f5f7fa;position: relative;z-index: 2;} #solu-detail1 .title{font-size: 40px;color: #1a1a1a;font-weight: 500;} #solu-detail1 .tip{font-size: 18px;color: #999;font-weight: 300;margin-top: 5px;} #solu-detail1 .txt1{font-size: 42px;color: #999;font-weight: 200;margin-top: 20px;} #solu-detail1 .txt2{font-size: 28px;color: #1a1a1a;font-weight: 500;margin-top: 5px;} #solu-detail1 .content{margin-top: 100px;} #solu-detail1 .content .left{width: 50%;padding-right: 20px;} #solu-detail1 .content .left .li{margin-bottom: 50px;} #solu-detail1 .content .left .li .icon{width: 60px;height: 60px;margin-right: 33px;} #solu-detail1 .content .left .li .tit{font-size: 22px;color: #1a1a1a;font-weight: 500;} #solu-detail1 .content .right{width: 50%;} #solu-detail1 .content .right .pic{border-radius: 30px;} #solu-detail1 .content .right .tit{font-size: 16px;color: #1a1a1a;font-weight: 300;line-height: 1.875;margin-top: 35px;} #solu-detail2{position: relative;z-index: 5;background: #fff;} #solu-detail2 .content{} #solu-detail2 .content .pic{width: 41.429%;transform: translateY(115px);} #solu-detail2 .content .text{width: 50%;padding-top: 115px;} #solu-detail2 .content .text .title{font-size: 40px;color: #1a1a1a;font-weight: 500;} #solu-detail2 .content .text .brief{font-size: 18px;color: #1a1a1a;font-weight: 300;line-height: 2;margin-top: 15px;} #solu-detail2 .content .text .cont{margin-top: 45px;} #solu-detail2 .content .text .cont .li{width: 25%;margin-bottom: 30px;} #solu-detail2 .content .text .cont .li:nth-child(3n-1){width: 50%;padding: 0 20px;} #solu-detail2 .content .text .cont .li .icon{width: 60px;height: 60px;margin: 0 auto;} #solu-detail2 .content .text .cont .li .tit{font-size: 22px;color: #1a1a1a;font-weight: 500;margin: 15px 0 10px;} #solu-detail2 .content .text .cont .li .txt{font-size: 18px;color: #1a1a1a;font-weight: 300;line-height: 1.667;} #solu-detail3{padding: 220px 0 150px;background: #f5f7fa;position: relative;z-index: 2;} #solu-detail3 .title{font-size: 40px;color: #1a1a1a;font-weight: 500;} #solu-detail3 .content{margin-top: 75px;border-radius: 30px;overflow: hidden;background: #fff;} #solu-detail3 .content .left{width: 54.286%;padding: 0 50px;} #solu-detail3 .content .left .top{padding-bottom: 70px;border-bottom: 1px solid #e6e6e6;} #solu-detail3 .content .left .top .li{width: 25%;} #solu-detail3 .content .left .top .li .icon{width: 50px;height: 50px;margin: 0 auto;} #solu-detail3 .content .left .top .li .tit{font-size: 22px;color: #000;font-weight: 500;padding: 0 10px;margin-top: 25px;} #solu-detail3 .content .left .bot{margin-top: 65px;} #solu-detail3 .content .left .bot .li{margin-bottom: 20px;padding-left: 20px;position: relative;font-size: 18px;color: #1a1a1a;font-weight: 300;} #solu-detail3 .content .left .bot .li::before{content: '';position: absolute;width: 6px;height: 6px;background: #00489d;border-radius: 100%;left: 0;top: 11px;} #solu-detail3 .content .pic{width: 45.714%;} #solu-detail4{padding: 110px 0 180px;position: relative;z-index: 2;background: #fff;} #solu-detail4 .title{font-size: 40px;color: #1a1a1a;font-weight: 500;} #solu-detail4 .content{margin-top: 60px;} #solu-detail4 .content .li{width: 13.214%;margin-right: 1.25%;background: #f5f7fa;border-radius: 20px;overflow: hidden;padding: 70px 10px 40px;} #solu-detail4 .content .li:nth-child(7n){margin-right: 0;} #solu-detail4 .content .li .icon{width: 70px;height: 70px;margin: 0 auto;} #solu-detail4 .content .li .tit{font-size: 20px;color: #1a1a1a;font-weight: 500;margin-top: 80px;text-align: center;} #solu-detail5{padding: 120px 0 60px;background: #f5f7fa;position: relative;z-index: 2;} #solu-detail5 .title{font-size: 40px;color: #1a1a1a;font-weight: 500;} #solu-detail5 .content{margin-top: 65px;} #solu-detail5 .content{border-radius: 30px;overflow: hidden;} #solu-detail5 .content .li{border-radius: 30px;background: #fff;} #solu-detail5 .content .li .left{width: 50%;} #solu-detail5 .content .li .right{width: 50%;padding: 20px 150px 20px 80px;} #solu-detail5 .content .li .right .title{font-size: 24px;color: #000;font-weight: 500;} #solu-detail5 .content .li .right .brief{font-size: 18px;color: #1a1a1a;font-weight: 300;line-height: 2;height: 144px;margin: 20px 0 50px;} #solu-detail5 .content .li .right .detail{min-width: 145px;height: 55px;line-height: 53px;padding: 0 20px;font-size: 18px;color: #1a1a1a;text-align: center;border-radius: 28px;border: 1px solid #000;} #solu-detail5 .content .li:hover .right .detail{background: #00489d;border-color: #00489d;color: #fff;} #solu-detail5 .content .btn{width: 60px;height: 60px;border-radius: 100%;top: 50%;transform: translateY(-50%);z-index: 2;} #solu-detail5 .content .prev{background: url(/images/icon10.png) no-repeat center #fff;left: 40px;} #solu-detail5 .content .next{background: url(/images/icon12.png) no-repeat center #fff;right: 40px;} #solu-detail5 .content .prev:hover{background-image: url(/images/icon11.png);} #solu-detail5 .content .next:hover{background-image: url(/images/icon13.png);} #solu-detail6{padding: 60px 0 160px;background: #f5f7fa;position: relative;z-index: 2;} #solu-detail6 .title{font-size: 40px;color: #1a1a1a;font-weight: 500;} #solu-detail6 .content{margin-top: 65px;} #solu-detail6 .content .left{width: 30.714%;background: #fff;border-radius: 25px;padding: 60px 0 44px;overflow: hidden;} #solu-detail6 .content .left .pic{width: 100%;padding-top: 139.535%;} #solu-detail6 .content .right{width: 65.357%;} #solu-detail6 .content .right .item{width: 46.995%;background: #fff;border-radius: 25px;overflow: hidden;margin: 54px 6.01% 0 0;padding: 70px 0 42px;} #solu-detail6 .content .right .item:nth-child(2n){margin-right: 0;} #solu-detail6 .content .right .item:nth-child(-n+2){margin-top: 0;} #solu-detail6 .content .right .item .pic{width: 100%;padding-top: 46.512%;} #solu-detail6 .content .right .item .tit{margin-top: 20px;} #solu-detail6 .content .tit{font-size: 20px;color: #000;font-weight: 500;text-align: center;margin-top: 40px;padding: 0 10px;} #solu-detail6 .bot .item{width: 30.714%;background: #fff;border-radius: 25px;overflow: hidden;margin: 54px 3.929% 0 0;padding: 70px 0 42px;} #solu-detail6 .bot .item:nth-child(3n){margin-right: 0;} #solu-detail6 .bot .item .pic{width: 100%;padding-top: 46.512%;} #solu-detail6 .bot .item .tit{font-size: 20px;color: #000;font-weight: 500;text-align: center;margin-top: 20px;padding: 0 10px;} #solu-detail7{padding: 80px 0 100px;position: relative;z-index: 2;background: #fff;} #solu-detail7 .title{font-size: 40px;color: #1a1a1a;font-weight: 500;} #solu-detail7 .content{margin-top: 65px;} #solu-detail7 .content .li{width: 33.333%;border-left: 1px solid #e6e6e6;padding: 12px 20px 8px 60px;margin-bottom: 25px;} #solu-detail7 .content .li:nth-child(3n){border-right: 1px solid #e6e6e6;} #solu-detail7 .content .li .tit{font-size: 20px;color: #000;font-weight: 500;} #solu-detail7 .content .li .brief{font-size: 18px;color: #1a1a1a;font-weight: 300;margin-top: 14px;} @media (max-width: 1680px){ } @media (max-width: 1440px){ #header .hnav .one-nav{margin-right: 40px;} #honor .honor-box .content .prev{left: -80px;} #honor .honor-box .content .next{right: -80px;} #honor .bot .li .text{width: 48%;} #news .top .btn-box{bottom: 60px;} #solu-detail3 .content .left .top{padding-bottom: 30px;} #solu-detail3 .content .left .bot{margin-top: 30px;} } @media (max-width: 1366px){ #header .hnav .one-nav{margin-right: 30px;} #header .hattr .hat1{margin-right: 12px;} #header .hnav .two-nav .tnli{margin-right: 5%;} #header .hnav .three-nav .tnitem{margin-right: 1.5%;} #header .hnav .three-nav .tnimg{max-width: 220px;} #solu-detail2 .content .text{width: 55%;} } @media (max-width: 1280px){ #header .hnav .three-nav .tnimg{max-width: 250px;} #float_job .job{width: 80%;} #activity .top .right{padding: 0 30px;} #activity .top .right .time{margin-top: 0;} #news .top .li .right{padding: 30px;} #news .top .btn-box{left: 52%;} #solution .content .li .text{padding: 30px;} #solution .msg{padding-right: 0;} #solu-detail3{padding-top: 150px;} #solu-detail5 .content .li .right{padding: 0 30px;} } @media (max-width: 1200px){ #header .hnav .one-nav{margin-right: 15px;} #header .hnav .three-nav .tnimg{max-width: 220px;} #solu-detail3{padding-top: 80px;} #solu-detail3 .content .left{width: 100%;padding: 50px 30px 30px;} #solu-detail3 .content .pic{display: none;} } @media (max-width: 1024px){ #honor .honor-box .content{margin-left: 12%;} #honor .brief{padding-right: 100px;} #join .ul{grid-template-columns: calc(50% - 26px) calc(50% - 26px);margin-top: 30px;} #activity .top{flex-wrap: wrap;} #activity .top .left{width: 100%;border-radius: 30px;} #activity .top .right{width: 100%;padding: 30px;} #news .top .li{flex-wrap: wrap;} #news .top .li .left{width: 100%;border-radius: 30px;} #news .top .li .right{width: 100%;padding-bottom: 120px;} #news .top .btn-box{left: 30px;bottom: 30px;} #news-detail .top{padding: 0;} #solu-detail0 .box{position: static;transform: translateY(0);padding: 30px 0;} #solu-detail2 .content .pic{display: none;} #solu-detail2 .content .text{width: 100%;} #solu-detail4 .content{justify-content: center;} #solu-detail4 .content .li{width: 20%;margin-bottom: 10px;} #solu-detail5 .content .li{flex-wrap: wrap;} #solu-detail5 .content .li .left{width: 100%;border-radius: 30px;} #solu-detail5 .content .li .right{width: 100%;padding: 30px;} #footer .fbot .fshare a{margin-right: 10px;} } @media (max-width: 750px){ #case{padding: 80px 0;} #case .content .li{width: 100%;margin-right: 0;} #case .content .li .msg .tit{font-size: 36px;max-height: 116px;} #case .content .li .msg .brief{font-size: 30px;max-height: 225px;} #find{padding: 80px 0;} #find .content .li{width: 100%;margin-right: 0;} #find .content .li .tit{font-size: 36px;} #honor{padding: 80px 0 20px;} #honor .title{font-size: 56px;} #honor .brief{font-size: 30px;padding-right: 0;} #honor .honor-box{width: 100%;} #honor .honor-box .content{margin: 85px auto 0; } #honor .honor-box .content .prev{left: -70px;} #honor .honor-box .content .next{right: -70px;} #honor .honor-box .content .li{margin-right: 0;width:100%;} #honor .bot .li{margin-bottom: 80px;flex-wrap: wrap;} #honor .bot .li .text{width: 100%;} #honor .bot .li .shadow-box{width: 100%;margin-top: 30px;} #honor .bot .li .text .tit{font-size: 56px;} #honor .bot .li .text .info{font-size: 30px;} #honor .bot .li .shadow-box .pic img{width: 100%;} #contact{padding: 80px 0 50px;} #contact .box1{flex-wrap: wrap;} #contact .box1 .item{width: 100%;border-right: 0;margin-bottom: 30px;padding: 0 35px;} #contact .box1 .item:last-child{margin-bottom: 0;} #contact .box1 .item .tit{font-size: 36px;margin-top: 16px;} #contact .box1 .item .brief{font-size: 30px;} #contact .box2 .cate-box .item{font-size: 28px;padding: 0 20px;} #contact .box2 .content{height: auto;} #contact .box2 .content .cont{flex-wrap: wrap;} #contact .box2 .content .left{width: 100%;;height: 560px;padding: 30px;} #contact .box2 .content .left .li.cur{background-size: 12px;} #contact .box2 .content .left .li{padding-right: 20px;} #contact .box2 .content .left .li .tit{font-size: 36px;} #contact .box2 .content .left .li .add{font-size: 30px;} #contact .box2 .content .right{width: 100%;height: 560px;} #contact .box2 .content2{flex-wrap: wrap;} #contact .box2 .content2 .item{width: 100%;margin-bottom: 30px;} #contact .box2 .content2 .item .tit{font-size: 36px;} #contact .box2 .content2 .item .txt{font-size: 30px;} #message{padding: 80px 0;} #message .title{font-size: 56px;} #message .brief{font-size: 30px;} #message .form-box{padding: 30px;} #message .form-box .fz0 .rows{width: 100%;margin-right: 0;} #message .form-box .rows .t{font-size: 30px;} #message .form-box .rows .ipt{height: 60px;font-size: 30px;} #message .form-box .rows textarea{font-size: 30px;} #message .form-box .sub{width: 180px;font-size: 30px;} #join{padding: 80px 0;} #join .cate-box{flex-wrap: wrap;} #join .cate-box .title{width: auto;font-size: 30px;margin-top: 0;} #join .cate-box .content{width: 100%;margin-top: 30px;} #join .cate-box .item{font-size: 26px;margin-right: 10px;} #join .ul{display: block;} #join .ul .li{margin-bottom: 30px;} #join .ul .li .name .t1{font-size: 36px;} #join .ul .li .name .i{width: 15px;height: 54px;background-size: 10px;} #join .ul .li .category{font-size: 30px;} #join .ul .li .con .dd{font-size: 30px;} #float_job .job{width: 90%;height: auto;} #float_job .job .tit{font-size: 42px;} #float_job .job .t2{font-size: 36px;} #float_job .job .brief{font-size: 30px;} #float_job .job .contact .wy{font-size: 26px;} #float_job .job .contact .btn{width: 180px;font-size: 26px;} #activity{padding: 80px 0;} #activity .top .right .time{font-size: 30px;} #activity .top .right .brief{font-size: 30px;max-height: 106.68px;} #activity .top .right .btn{font-size: 26px;} #activity .bot .li{width: 100%;margin-right: 0;} #activity .bot .li .msg .time{font-size: 30px;} #activity .bot .li .msg .tit{font-size: 36px;height: 115.2px;} #activity .bot .li .msg .btn{font-size: 26px;} #float_activity .activity{height: auto;padding: 30px;} #float_activity .activity .txt{font-size: 30px;} #news{padding: 80px 0;} #news .top .li .right .time{font-size: 30px;} #news .top .li .right .brief{font-size: 30px;max-height: 106.68px;} #news .bot .li{width: 100%;margin-right: 0;} #news .bot .li .msg .time{font-size: 30px;} #news .bot .li .msg .tit{font-size: 36px;height: 115.2px;} #news .bot .li .msg .btn{font-size: 26px;} #crumbs .crumbs a, #crumbs .back{font-size: 26px;} #news-detail{padding-top: 60px;} #news-detail .top .time{font-size: 30px;} #news-detail .top .share-box .tit{font-size: 30px;} #news-detail .bot .page-box{flex-wrap: wrap;} #news-detail .bot .page-box .page{width: 100%;} #news-detail .bot .page-box .page:first-child{border-right: 0;padding: 0;} #news-detail .bot .page-box .page:last-child{padding: 0;} #news-detail .bot .page-box .page .tit1{font-size: 30px;} #news-detail .bot .page-box .page .tit2{font-size: 30px;height: 90px;} #solution{padding-top: 80px;padding-bottom: 50px;} #solution .title{font-size: 56px;} #solution .msg{font-size: 30px;} #solution .content .li{flex-wrap: wrap;margin-bottom: 50px;} #solution .content .li .pic{width: 100%;padding-top: 45.455%;} #solution .content .li .text{width: 100%;position: static;} #solution .content .li .text .tit{font-size: 36px;} #solution .content .li .text .brief{font-size: 30px;height: 120px;} #solution .content .li .text .detail{font-size: 26px;} #solu-detail0 .box .brief{font-size: 30px;} #solu-detail1{padding: 80px 0;} #solu-detail1 .tip{font-size: 30px;} #solu-detail1 .txt2{margin-top: 15px;} #solu-detail1 .content{margin-top: 50px;flex-wrap: wrap;} #solu-detail1 .content .left{width: 100%;} #solu-detail1 .content .right{width: 100%;} #solu-detail1 .content .left .li .tit{font-size: 30px;} #solu-detail1 .content .right .tit{font-size: 30px;} #solu-detail2 .content .text{padding: 80px 0 50px;} #solu-detail2 .content .text .brief{font-size: 30px;} #solu-detail2 .content .text .cont .li{width: 50%;padding: 0 20px;} #solu-detail2 .content .text .cont .li .tit{font-size: 36px;} #solu-detail2 .content .text .cont .li .txt{font-size: 30px;} #solu-detail3{padding-bottom: 50px;} #solu-detail3 .content{margin-top: 50px;} #solu-detail3 .content .left .top{flex-wrap: wrap;padding-bottom: 0;} #solu-detail3 .content .left .top .li{width: 50%;margin-bottom: 20px;} #solu-detail3 .content .left .top .li .tit{font-size: 36px;} #solu-detail3 .content .left .bot .li{font-size: 30px;} #solu-detail3 .content .left .bot .li::before{top: 18px;} #solu-detail4{padding: 80px 0;} #solu-detail4 .content .li{width: 23%;} #solu-detail4 .content .li .tit{font-size: 30px;} #solu-detail5{padding: 80px 0 40px;} #solu-detail5 .content .li .right .title{font-size: 36px;} #solu-detail5 .content .li .right .brief{font-size: 30px;height: 240px;} #solu-detail5 .content .li .right .detail{font-size: 26px;} #solu-detail6{padding: 40px 0 80px;} #solu-detail6 .content .left{width: 48%;margin-right: 4%;} #solu-detail6 .content .right{width: 48%;} #solu-detail6 .content .right .item{width: 100%;margin-right: 0;} #solu-detail6 .content .right .item:nth-child(-n+2){margin-top: 25px;} #solu-detail6 .content .right .item:first-child{margin-top: 0;} #solu-detail6 .bot .item{width: 48%;margin-right: 4%;margin-top: 25px;} #solu-detail6 .bot .item:nth-child(3n){margin-right: 4%;} #solu-detail6 .bot .item:nth-child(2n){margin-right: 0;} #solu-detail6 .content .tit, #solu-detail6 .bot .item .tit{font-size: 26px;} #solu-detail6 .content .right .item .pic, #solu-detail6 .bot .item .pic{padding-top: 70%;} #solu-detail7{padding: 80px 0;} #solu-detail7 .content .li{width: 100%;border-left: 0;padding: 0;margin-bottom: 30px;} #solu-detail7 .content .li:nth-child(3n){border: 0;} #solu-detail7 .content .li .tit{font-size: 36px;} #solu-detail7 .content .li .brief{font-size: 30px;} #footer .ftop .fnav, #footer .ftop .finfo{width: 100%;margin-bottom: 10px;} #footer .ftop .fntit{font-size: 36px;margin-bottom: 20px; line-height: 1.8;} #footer .ftop .fnav .fntit{background: url(/images/f-a.png) no-repeat right;} #footer .ftop .fnav .fncon{display: none;} #footer .ftop .fntit.cur{background-image: url(/images/f-nav-h.png);} #footer .ftop .fn-a{font-size: 30px;line-height: 90px;display: block;} #footer .ftop .fit1{font-size: 30px;} #footer .ftop .fimg{width: 150px;height: 150px;margin-bottom: 10px;} #footer .ftop .fimg img{width: 100%;} #footer .fbot{margin-top: 50px;flex-wrap: wrap;padding: 50px 0 140px;} #footer .fbot .fattr{width: 100%;} #footer .fbot .copy{width: 100%;margin-top: 20px;} #footer .fbot .copy p{font-size: 26px;} #footer .fbot .fshare{width: 100%;margin-top: 25px;} #footer .fbot .fshare a{width: 32px;height: 40px;background-size: 30px !important;margin-right: 35px;} #fixed-rig{width: 100%;bottom: 0;left: 0;right: 0;display: flex;} #fixed-rig .msg-btn{width: 25%;height: 100px;border-radius: 0;margin-top: 0;} #fixed-rig .msg-btn::before{display:inline-block;height:100%;vertical-align:middle;content:'';position: static;width: 0;} #fixed-rig .msg-btn:hover:before{ width: 0; height: 100%;} #fixed-rig .msg-btn img{width: 85px;} #fixed-rig .top-btn{width: 25%;height: 100px;border-radius: 0;background: url(/images/icon72.png) no-repeat center #00489d;margin-top: 0;background-size: 85px;} } /*手机端头部*/ #m-header, #m-nav, #search-box{display: none;} .m-header-blank{display: none;} @media screen and (max-width:1024px) { .header-blank{display: none;} #header{display: none;} #m-header{display: block;width: 100%;height: 120px;display: flex;flex-direction: column;justify-content: center;background: rgba(20, 42, 78, 0.9);position: fixed;left: 0;top: 0;right: 0;z-index: 51;box-shadow: 0 3px 10px 0 rgba(0,0,0,.1);} .m-header-blank{display: block;height: 120px;} #m-header .logo{margin-right: auto;} #m-header .hat1{width: 140px;height: 45px;line-height: 45px;border-radius: 23px;border: 1px solid rgba(255,255,255,0.5);font-size: 16px;color: rgba(255,255,255,0.5);padding-left: 64px;background: url(/images/icon1.png) no-repeat center left 22px;} #m-header .search{width: 40px;height: 40px;background: url(/images/h-search-icon.png) no-repeat center;} #m-header .search.cur{background-image: url(/images/h-close-icon.png);} #m-header .menu{width: 40px;height: 40px;background: url(/images/menu-icon.png) no-repeat center;margin-left: 40px;} #m-header .menu.cur{background-image: url(/images/h-close-icon.png);} #m-nav{display: block;width: 100%;height: 0;z-index: 49;left: 0;right: 0;top: 120px;width: 100%;background: rgba(20, 42, 78, 0.9);overflow-y: auto;color: #fff;} #m-nav.cur{height: calc(100vh - 120px);} #m-nav .nav .one-nav{line-height: 60px;} #m-nav .nav .one-nav .one{margin: 0 30px;border-bottom: 1px solid #ebebeb;background: url(/images/nav-icon1.png) no-repeat right;} #m-nav .nav .one-nav.nobg .one{background: none;} #m-nav .nav .one-nav.cur .one{background: url(/images/nav-icon2.png) no-repeat right;} #m-nav .nav .one-nav.cur.nobg .one{background: none;} #m-nav .nav .one-nav .one-a{font-size: 18px;font-weight: 700;} #m-nav .nav .one-nav .two-nav{width: 100%;background: rgba(20, 42, 78, 0.7);padding: 0 30px;} #m-nav .nav .one-nav .two-nav .two{border-bottom: 1px solid #dcdcdc;} #m-nav .nav .one-nav .two-nav .two.isbg{background: url(/images/nav-icon1.png) no-repeat right;} #m-nav .nav .one-nav .two-nav .two.isbg.cur{background: url(/images/nav-icon2.png) no-repeat right;} #m-nav .nav .one-nav .two-nav .two-a{font-size: 16px;} #m-nav .nav .one-nav .two-nav .three{border-bottom: 1px solid #dcdcdc;padding: 0 30px;} #m-nav .nav .one-nav .two-nav .three .three-a{font-size: 14px;} #m-nav .bot-box{margin-top: 60px;} #m-nav .bot-box .item{} #m-nav .bot-box .item .icon{width: 100px;height: 100px;line-height: 98px;border: 1px solid #fff;font-size: 18px;color: #fff;border-radius: 100%;margin: 0 auto;} #m-nav .bot-box .item .tit{font-size: 18px;color: #fff;margin-top: 10px;} } @media (max-width: 750px){ #m-nav .nav .one-nav{line-height: 100px;} #m-nav .nav .one-nav .one-a{font-size: 32px;} #m-nav .nav .one-nav .two-nav .two-a{font-size: 28px; display: block; width: 100%;} #m-nav .nav .one-nav .two-nav .two.isbg .two-a{display: block; width: 55%;} #m-nav .bot-box .item .icon, #m-nav .bot-box .item .tit{font-size: 28px;} #m-nav .nav .one-nav .two-nav .three .three-a{font-size: 26px; display: block; width: 100%;} #m-header .hat1{width: 200px;font-size: 26px;background-size: 24px;} }